﻿@import url("bjqs.css");
#Interno{ margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
            height:800px;
        }
#izquierda {
            text-align:center;
            position: absolute;
            left: 35px;
            padding: 0px;
            width: 320px;
        }

#centro {
            margin-left: 330px;
            padding: 0px;
            margin-right: 230px;
            padding-top:.5px;
}
.parrafo {
        margin-top:0px;
        padding:0px 5px 10px 5px;
}
             
#derecha {
            text-align:center;
            position: absolute;
            right: 0px;
            padding:0px;
            top: 155px;
            width: 250px;
}
.rounded-list a{
	    position: relative;
	    display: block;
        padding: .4em .4em .4em 2em;
	    padding: .4em;
	    margin: .5em 0;
	    background: #ddd;
	    color: #444;
        text-decoration: none;
	    border-radius: .3em;
        transition: all .3s ease-out;	
    }

    .rounded-list a:hover{
	    background: #eee;
    }
    .rounded-list a:hover:before{
        transform: rotate(360deg);
        }

    .rounded-list a:before{
	    content: counter(li);
        counter-increment: li;
	    position: absolute;	
	    left: -1.3em;
        top: 50%;
	    margin-top: -1.3em;
	    background: #87ceeb;
	    height: 1.9em;
	    width: 1.9em;
	    line-height: 1.9em;
	    border: .3em solid #fff;
	    text-align: center;
	    font-weight: bold;
	    border-radius: 2em;
	    transition: all .3s ease-out;
    }
    ol{
	    counter-reset: li; /* Initiate a counter */
	    list-style: none; /* Remove default numbering */
	    *list-style: decimal; /* Keep using default numbering for IE6/7 */
	    font: 12px 'trebuchet MS', 'lucida sans';
	    padding: 0;
	    margin-bottom: 4em;
	    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }

    ol ol{
	    margin: 0 0 0 2em; /* Add some left margin for inner lists */
    }
    
    .headerusrs
    {
        position: relative;
	    /*display: block;*/
        padding: .4em .4em .4em 2em;
	    *padding: .4em;
	    margin: .5em 0;
        background: #4B6C9E;
	    color: #fff;
        text-decoration: none;
	    border-radius: .3em;
        transition: all .3s ease-out;
        text-align:center;
        }
		
		ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}
        
		
		
#listaLink { width:290px; font-family:Georgia, Times, serif; font-size:14px; }
#listaLink ul { list-style: none; }
#listaLink ul li { }
#listaLink ul li a { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:25px;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer; }
#listaLink ul li a:hover { color:#FFFFFF; background-image:url(../imagenes/hover.png); background-repeat:repeat-x; }
/*#list4 ul li a strong { margin-right:10px; }*/		
		