/******************************************************************************************************************

Ckm!

Web, Apps & Multimedia

www.ckm.co

2011

******************************************************************************************************************/



@charset "utf-8";



html, body {
	height: 100%;
	background-attachment: fixed;
	background-image: url(../_interfAz_CK!/bkpatron.png);
	background-repeat: repeat;

}



body  {
	margin: 0;
	padding: 0;
	font: 98% 'Exo 2', Arial, Helvetica, sans-serif;
	color: #27166C;

}



a, a img, .now{

	outline: none;

	transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	color: #EE3228;

}

/*

a img{

	-moz-transition:-moz-transform 0.5s ease-in; 

	-webkit-transition:-webkit-transform 0.5s ease-in; 

	-o-transition:-o-transform 0.5s ease-in;

}

*/



.all{

	float: left;

	display: block;

	width: 100%;

}



.medio{
	margin: 0 auto;
	display: block;
	width: 90%;
	background-color: #FFF;

}



.centrado{
	text-align: center;
}

.break{ clear: both; }



.somDw{

	-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.5);

	-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.5);

	box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.5);

}





/************************************************************************************************/

.header{

	padding: 30px 0;

}





#menuEx{

	position:relative;

	float:left;

	margin: 0 auto;

	overflow:hidden;

	width: 960px;

	padding: 40px 0 0 0;

}

#menuEx ul{

	clear:left;

	float:left;

	position:relative;

	list-style:none;

	margin:0;

	padding:0;

	left:50%;

	text-align:center;

}

#menuEx ul li{

	display:block;

	float:left;

	list-style:none;

	margin:0;

	padding:0;

	position:relative;

	right:50%;

}

#menuEx ul li a{

	display: block;

	margin: 0 16px;

	line-height: 1.3em;

	font-weight: 300;

	color: #211452;

	text-decoration:none;

}

#menuEx ul li a:hover{ color: #EE3F35; }



#menuEx ul li a.inicio{

	margin: 0;

	width: 15px;

	height: 20px;

	overflow: hidden;

	text-indent: 99999px;

	line-height:  99999px;

	text-transform: uppercase;

	background: #211452 url(../_interfAz_CK!/ico_casa.png) 0 center no-repeat;

}

#menuEx ul li a.inicio:hover{ background-color: #EE3F35; }



#menuEx ul li a.contacto{

	padding-left: 15px;

	background: url(../_interfAz_CK!/ico_contacto.png) 0 center no-repeat;

}



/************************************************************************************************/

.cuadros{

	margin-top: 60px;

	background: url(../_interfAz_CK!/grisBk.png) 0 center repeat-x;

}



.cuadros .medio{ width: 1100px; }



.cuadros .actual, .cuadros .actual a{

	float: left;

	display: block;

	width: 379px;

	height: 360px;

	overflow: hidden;

	background-color: #211452;

}

.cuadros .actual a:hover img{

/*	padding: 30px 0 0 30px;

	width: 320px;

	*/

	-webkit-transform: scale(0.9); 

    -moz-transform: scale(0.9);

    -o-transform: scale(0.9);

    transform: scale(0.9);

}



.cubo{

	float: left;

	width: 180px;

	height: 180px;

}



/*

.cubo img{

	filter: alpha(opacity=30); /* internet explorer *

	-khtml-opacity: 0.3;      /* khtml, version anterior de safari *

	-moz-opacity: 0.3;       /* firefox, mozilla, netscape *

	opacity: 0.3;           /* safari, chrome, opera *

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*internet explorer 8 - gracias Andres *

}

.cubo.red img{ background: #EE3F35; border: 5px solid red }

.cubo.blue img{ background: #211452; }

*/



.sombra{ padding: 20px 0 30px 0; }

.sombra img{ width: 100%; }





/************************************************************************************************/

h2{

	font-size: 180%;

	font-weight: normal;

}

h2 strong{ color: #EE3F35; }





/************************************************************************************************/

.proximo{

	height: 625px;

	background: url(../_interfAz_CK!/degraBk.png) 0 100% repeat-x;

}

.proximo p{

	margin: 0 auto;

	padding: 20px 0;

	width: 300px;

}



.espacio{

	height: 320px;

	background: url(../_interfAz_CK!/espacio_base.png) center 100% no-repeat;

}

.espacio div{

	height: 300px;

	background: url(../_interfAz_CK!/espacio_tri.png) center 0 no-repeat;

}



.espacio img{

	margin-top: 36px;

}





/************************************************************************************************/

.patron{

	height: 260px;

	background-image: url(../_interfAz_CK!/bkpatron.png);

	background-repeat: repeat-x;

	background-position: left top;

	background-attachment: fixed;

}





/************************************************************************************************/

.mapaIn{

	margin-top: 80px;

}



#mapHome{

	float: left;

	display: block;

	width: 730px;

	height: 280px;

/*	pointer-events: none;*/

}



.mapaIn .now{

	float: left;

	display: block;

	margin-left: 10px;

	padding: 20px 10px 0 10px;

	width: 200px;

	height: 260px;

	background: #E11D27 url(ev_entos/x.jpg) 0 100% no-repeat;

}

.mapaIn .now a{

	font-size: 90%;

	color: #FFF;

	text-decoration: none;

}

.mapaIn .now:hover{ background-color: #27166C; }

.mapaIn .now:hover a{ color: #CCC; }





/************************************************************************************************/

.deslizador{

	margin: 60px 0 0 0;

	height: 550px;

	background: url(../_interfAz_CK!/grisBk.png) 0 100% repeat-x;

}

.deslizador .medio{ width: 670px; }

































/************************************************************************************************/

#cuerpo{

	float: left;

	margin: 20px 0 0 0;

	padding: 0;

	width: 960px;

	background: white;

}



#men_ver{

	float: left;

	display: block;

	width: 170px;

	background: blue;

}





/************************************************************************************************/

#contenidos{

	float: left;

	margin: 5px;

	padding: 0;

	width: 638px;

	border: 1px solid red;

}





/************************************************************************************************/

#info{

	float: left;

	margin-bottom: 20px;

	width: 100%;

}



#info img{

	float: left;

	margin: 0 15px 5px 0;

}



#info p{ text-align: justify; }



#info table{

	width: 100%;

	border-collapse:collapse;

	margin-bottom: 15px;

	border-left: 1px solid #CCC;

	border-top: 1px solid #CCC;

}

#info table th{

	padding: 3px 2px;

	text-align: center;

	color: #FFF;

	background: #0076BC;

	border-right: 1px solid #CCC;

	border-bottom: 2px solid #CCC;

}

#info table td{

	padding: 2px 5px;

	border-bottom: 1px solid #CCC;

	border-right: 1px solid #CCC;

}



#info a{

	color: yellow;

}

#info a{

	color: red;

}







/************************************************************************************************/

#aside{

	float: left;

	padding: 5px;

	width: 130px;

	color: #FFF;

	background: #3399FF;

}





/************************************************************************************************/

#footer{

	clear: left;

	float: left;

	display: block;

	margin: 20px 0;

	width: 960px;

	background: #CCC;

}



#click{

	float: right;

}