@font-face{
    font-family: "Museo"; 
    src: url("../media/Museo700-Regular.otf");
}

#principal{
    width:960px;
    margin: 0 auto;
}

header{
    height:115px;
    padding: 10px 0px;
    background: url("../images/resplandor.png") top left no-repeat;
}

aside{
    clear: both;
    width: 960px;
    margin: 0px 0px;
    height: 350px;
    overflow: hidden;
    background: #ECECEC;
    border: 5px solid #D8D8D8;
}
    @-webkit-keyframes animaSlide{
        from{ 
            left:0px; 
        }
        20%{
            left:0px;
        }
        40%{
            left:0px;
        }
        60%{
            left:-960px;
        }
        80%{
            left:-960px;
        }
        to{
            left:-960px;
        }
    }
    
    #slides{
        width:1920px;
        height:350px;
        overflow: hidden;
        -webkit-animation-name: animaSlide;
        -webkit-animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: ease-in-out; 
        position:relative;
    }
        #slides img{
            float:left;
        }

article{
    
}
    .bloques{
        float:left;
        position: relative;
        width: 900px;
        margin: 0 0px 0px 0;
        text-align: center;
        padding-top: 30px;
       
    }
	.separador{
        float:left;
        position: relative;
        width: 450px;
        margin: 0 20px 20px 0;
        text-align: center;
        padding-top: 30px;
       
    }
    
    .bloques p, .bloques h2{
	text-align: center;
	alignment-adjust:central;
    }
	.bloques h3{
	font-size:12px;
	font-weight:bold;
	
	}
	.bloquesT, .bloquesT h4{
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
		}

section{
    
}

footer{
    clear: both;
    height: 170px;
	width:100;
    padding-top: 10px;
    
}


h2{
    font-family: 'Museo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sponsor{
	font-size:26px;
	text-align:center;
	font-family: 'Museo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#333;
}
.bloquesS{
        float:left;
        position: static;
        width: 200px;
        margin: 0 5px 5px 10px;
        text-align: center;
        padding-top: 20px;
		vertical-align:bottom;
       
    }
.bloquesH{
        float:center;
        position: relative;
        width: 900px;
        margin: 0 10px 10px 30px;
        text-align: justify;
        padding-top: 30px;
		padding-bottom: 30px;
       
    }
    .bloquesH p{
	text-align: justify;
	font:Arial, Helvetica, sans-serif;
	
	line-height:30px;
	}
	.bloquesH h3{
	text-align:justify;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:15px;
	}
	.bloquesH h5{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	
	}
	
	.lista li{
	text-align: justify;
	font:Arial, Helvetica, sans-serif;
	margin-left:40px;
	margin-bottom:10px;
	line-height:25px;
	
	}
 .bloquesG{
        float:center;
        position: relative;
        width: 900px;
        margin: 10px 10px 10px 230px;
        text-align: left;
        padding-top: 25px;
		padding-bottom: 25px;
    }
    .bloquesG table{
	font:Arial, Helvetica, sans-serif;
	line-height:50px;
	vertical-align:middle;
	}  
	.bloquesG table td{
	height: 25px;
	
		}
	 .bloquesG h3{
	color:#39b1cc;
	font:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	

	}  
	.bloquesG h4{
	font:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	
	}
#bold{ 
font-weight:bold;
vertical-align:middle;
color:#000;
font:Arial, Helvetica, sans-serif;
}
#bold1{ 
font-weight:bold;
color:#000;
font:Arial, Helvetica, sans-serif;
}
.tooltip{
font-weight:bold;
font-size:14px;
font:Arial, Helvetica, sans-serif;
text-align:justify;
}
.tooltip p{
line-height:20px;
padding-left:10px;

}
.tooltip td{
padding-left:10px;
padding-top:10px;
}
#notas{
	font-weight:bold;
font-size:14px;
font:Arial, Helvetica, sans-serif;
text-align:justify;
color:#F00;
	}
.embassy {
	align-content:center;
	align-items:center;
	text-align:center;
	margin-left:35px;
	}
.embassy td{
	width: 300px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom:15px;
}
.embassyTip p{
	margin-left:15px;
	padding: 2px;
	
}