﻿#imgs{
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     
    -webkit-box-shadow:inset 1px 1px 5px #180901;
	-moz-box-shadow:inset 1px 1px 5px #180901;
	box-shadow:inset 1px 1px 5px #180901;


	
}




/* ------------------------ HOME ---------------------------------*/
#content .td-info{
	
	
}
#content .td-info p{
	
	width:90%;
	margin:20px auto 10px auto;
	text-align:justify;
}

#content .td-info ul{ list-style-image:url('../images/content/img-list.png');width:600px;margin: auto 0px 10px 30px;text-align:justify;}
#content .td-info li, #content .td-info td td{ 

	padding: 5px 8px 5px 8px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;


}
#content .td-info li:hover, #content .td-info td td:hover{ background:#d1d1d1;}

/* ------------------------------- enlaces -----------------*/
#btn-leer{
	
	background:#969595;
    background: linear-gradient(to bottom,#969595, #646262);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#969595), to(#646262));
    
    text-decoration:none;
    color:#ffffff;
        
    padding: 5px 10px 5px 10px;
    
     -moz-border-radius: 0px  5px  0px  5px;
     -webkit-border-radius: 0px  5px  0px  5px;
      border-radius: 0px  5px  0px  5px;
      
      
     float:right;
     margin: 0px 20px 15px 0px;


}
#btn-leer:hover{
	
	background:#646262;
    background: linear-gradient(to bottom,#646262, #969595);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646262), to(#969595));

}

#btn-leer2{
	
	background:#3e1c04;
    background: linear-gradient(to bottom,#774908, #461c02);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#774908), to(#461c02));
    
    text-decoration:none;
    color:#ffffff;
        
    padding: 5px 10px 5px 10px;
    
     -moz-border-radius: 0px  5px  0px  5px;
     -webkit-border-radius: 0px  5px  0px  5px;
      border-radius: 0px  5px  0px  5px;
      
      
     float:left;
     margin: 10px -20px 10px 0px;


}
#btn-leer2:hover{
	
	background:#3e1c04;
    background: linear-gradient(to bottom,#461c02, #774908);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#461c02), to(#774908));

}









/*--------------------------------- TITULOS ----------------------------------------------*/
#tit{
	
	margin:50px auto 15px -2px;
	height:45px;
	width:318px;
}
#tit.t-home{
	
	width:318px;
	background:transparent url('../images/content/tit-bienvenido.png') no-repeat center top;
	
}
#tit.t-quienes{
	
	width:380px;
	background:transparent url('../images/content/tit-qsomos.png') no-repeat center top;
	
}
#tit.t-servicios{
	
	width:318px;
	background:transparent url('../images/content/tit-servicios.png') no-repeat center top;
	
}
#tit.t-cursos{
	
	width:520px;
	background:transparent url('../images/content/tit-cursos.png') no-repeat center top;
	
}
#tit.t-galeria{
	
	width:318px;
	background:transparent url('../images/content/tit-galeria.png') no-repeat center top;
	
}
#tit.t-contacto{
	
	width:318px;
	background:transparent url('../images/content/tit-contacto.png') no-repeat center top;
	
}
#tit.t-certificaciones{
	
	width:750px;
	background:transparent url('../images/content/tit-certificaciones.png') no-repeat center top;
	
}








/* ----------------------------------------- FORMULARIO ---------------------------------------------------*/
#frm-contact{

	background:transparent url('../images/foot/bg-form.png') no-repeat center top;
	width:370px;
	height:222px;
	margin: 15px 10px 0px 0px;
	padding: 0px 0px 5px 10px;
	
	font-family:Calibri, Arial, Helvetica, sans-serif;
	
}
#frm-contact input[type=text], #frm-contact textarea{
	
	border:1px solid #cacaca;
	width:340px; height:30px;
	margin: 5px 0px auto 8px;
	padding: 3px 0px 2px 10px;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius:5px;
     font-family:Calibri, Arial, Helvetica, sans-serif;
     font-size:14px;
    
    opacity:0.8;

	
}
#frm-contact input[type=text]:focus, #frm-contact textarea:focus, #frm-contact input[type=text]:hover, #frm-contact textarea:hover{
	
	opacity:1;
}
#frm-contact textarea{
	
	height: 40px;
	max-height:40px;

}
#frm-contact button{
	
	margin: 15px 5px 0px 10px;
	padding: 5px;
	width:100px;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius:5px;
    
    cursor:pointer;


}
#frm-contact button[type=submit]{
	
	background:#6a4a12;
	border: 1px solid #916415;
	color:#a7a39b;
	
}
#frm-contact button[type=submit]:hover{
	
	background:#6f4d13;
	border: 1px solid #bf8828;
	color:#bf8828;
	
}
#frm-contact button[type=reset]{
	
	background:#473204;
	border: 1px solid #2b1802;
	color:#a7a39b;
	
}
#frm-contact button[type=reset]:hover{
	
	background:#553b03;
	border: 1px solid #2d1f01;
	color:#bf8828;
	
}

/* -------{---------------------------- GALERIA -------------------------------------------------------*/
#galeria img{
	
	width:160px; height:120px;
	opacity:0.9;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	border:5px solid #c5c5c5;
	
	
	-webkit-box-shadow:inset 1px 1px 5px #180901;
	-moz-box-shadow:inset 1px 1px 5px #180901;
	box-shadow:inset 1px 1px 5px #180901;

}
#galeria img:hover{
	
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




/* ----- Reconocimientos & Certificaciones -------*/
#rec-cert td{
	width:160px;
	font-size:13px;
	vertical-align:top;
}
#rec-cert td div{
	width:90%;
	margin: 2px auto;
}
#rec-cert img{
	
	width:160px; height:122px;
	opacity:0.9;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	border:5px solid #c5c5c5;
	
	
	-webkit-box-shadow:inset 1px 1px 5px #180901;
	-moz-box-shadow:inset 1px 1px 5px #180901;
	box-shadow:inset 1px 1px 5px #180901;

}
#rec-cert a:hover img {
	 
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border:5px solid #785815;
}






