@import "reset.css";
* {	margin: 0px;	padding: 0px;}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background: url(../img/bg.jpg) repeat-x #eee;
}

h2, h3, h4, h5 {
	font: normal 50px "caslon224_bk_btbook_italic", Georgia, Times New Roman, Times, serif;
	line-height: normal;}
h2 strong, h3 strong, h4 strong {	font: normal 50px "caslon224_bk_btbold_italic", Georgia, Times New Roman, Times, serif;}
h3 {font-size: 27px;	color:#6C256E;}
h4 {font-size: 27px;	color:#6C256E;}
h5 {
	font-size: 20px;
	color:#6C256E;
}

p{	margin:0px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #333;
	line-height: 18px;
}

a { text-decoration:none; color:#909;}
a:hover { text-decoration:none; color:#000;}

a img{ border:none ;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
}
a:hover img{ border:none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

blockquote { 
	padding:15px;
	margin:15px 0 15px 0;
	line-height: 17px;
	background-color: #F0F0F0;
	
	border-radius: 0px 10px 15px 10px;
	-moz-border-radius: 0px 10px 15px 10px;
	
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
}
blockquote ul {
	padding:0px;
	margin:0px;
}
blockquote li {
	padding:0 0 0 5px;
	margin:0 0 0 10px;
	list-style: circle;
}


/* ------------------
	Head
---------------------*/
#header {
	width:980px;
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 150px;
	position:relative;
}

#header h1 {
	width:300px;
	height: 100px;
	display: block;
	position: absolute;
	top: 20px;
	left:10px;
}

.topFb {
	width: 140px;
	height: 40px;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0px;
}
.topFb a{
	text-indent: -5000px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: url(../img/top-bt-fb.png) -0px -5px no-repeat;
}
.topFb a:hover{
	background: url(../img/top-bt-fb.png) 0 0px no-repeat;	
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
	}

/* --------------------
	Menu principal
-------------------- */
.menu {
	top: 55px;
	height: 50px;
	padding-left: 0;
	position: absolute;
	z-index: 1000;
	width:600px;
	border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	right: 0px;
}
.menu a{
    display:block;
    padding-top:5px;
    font-size:25px;
    font-weight:normal;
    color:#421460;
    text-decoration: none;
    margin-bottom:1px;}
.menu a:hover{    color:#000;}

.menu li {
	float: left;
	height: 40px;
	padding: 10px 15px 0 10px;
	color:#421460;
	margin:0;
	font: normal 25px "caslon224_bk_btbook_italic", Georgia, Times New Roman, Times, serif;
	background:url(../img/main-bg.png) top repeat-x;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.menu li:hover{	
	height: 50px;
	padding: 0px 15px 0 10px;
	color:#333;
	background:url(../img/main-bg.png) bottom repeat-x;
	}

/*.menu .selected {	border-bottom: 5px solid #212252; width: 100%;}
.menu .selected:hover {	color:#eee!important;}*/
.menu li ul li{	    text-align:left;}
.menu li ul li a{padding: 5px !important;}

.submenu, .submenu-2{    position:relative; }
.submenu ul{
	width:200px;
	background-color:#5E295F;
	display:none;
	position:absolute;
	top:50px;
	left: 0px;
	z-index: 100;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.submenu:hover ul, .submenu:hover .submenu-2:hover ul{    display:block;}
.submenu:hover .submenu-2 ul{    display:none;}
.menu .submenu li{
    width:auto;
    float:none;
    height:auto;
    background:none;
    border-bottom: dotted 1px #0066CC;
    padding:7px 0;
	z-index:101;}
	
.menu .submenu li a{
	display:block;
	color:#eee;
	margin:0;
	padding:0;
	font: normal 16px "caslon224_bk_btbook_italic", Georgia, Times New Roman, Times, serif;
}

.menu .submenu li:hover{	background-color:#333;	color: #fff !important;}
.submenu .submenu-2 ul{    display:block;}


/*------------------------
	SLIDE HOME
--------------------------*/
#slide {
	width: 100%;
	margin:0 auto;
	padding:0;
	display: block;
	background: url(../img/bg-hm.jpg);
	height: 300px;
	} 
#slide ul{ margin: 0;	padding: 0;}

#slide li {
	margin: 0;
	padding:0;
	float: left;
	background-color:#990099;
	width: 980px;
	height: 300px;
	display: block;
	position:relative;
}

.slide img {
	width:980px;
	float:left;
	height: 300px;
	overflow: hidden;
	z-index:5;
}

#slide li h2{
	width: 590px;
	position:absolute;
	top:50px;
	left:70px;
	z-index:10;
	color:#fff;
}


/**/
#slide .btVerMas {
	position:absolute;
	padding:0px;
	bottom:20px;
	left:70px;
	display:block;
}

/*-----------------------
	Bt ver más 
------------------------*/
.btVerMas a{ 
	background-color:#421460;
	color:#FCF; 
	padding:5px;
	display: block;
	text-decoration:none;
	font: normal 12px "OswaldBook", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	/*height:16px;*/
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
.btVerMas a:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:5px 5px 5px 15px;
	}

/*------------------------
Contenidos
--------------------*/
#contenido {
	width:940px;
	padding: 40px 20px 30px 20px;
	margin: 0px auto;
	background:url(../img/pag-bg.jpg) top center no-repeat #FFF;
}

.colIzq {
	width: 280px;
	margin:0 0 0 20px;
	padding:0;
	float: left;
	display: block;
}

.colCentro{
	width: 560px;
	margin:15px 0 0 20px;
	padding:0 0 0 30px;
	float:left;
	display: block;
	border-left: 10px solid #6C256E;
}

.colCentro h3 { margin:0 0 20px 0;}
.colCentro h4 { margin:0 0 5px 0;}

/*------------------
Listados Centro
----------------------------*/
.lista-a { margin: 0;	padding: 0;}

.lista-a li {
	margin: 0 0 3px 0;
	padding:0 0 0 10px;
	display: block;
	background:url(../img/mis-li-a.png) left top no-repeat;
}

.lista-a li:hover {	background:url(../img/mis-li-a.png) left top no-repeat #eee !important;}

/**/
.colCentro .lista-a h3, .lista-a ul h3 {	margin: 0 0 5px 0 !important;}


.c2 {
	width:275px;
	display:block;
	float:left;
	margin:0 5px 0 0;
}

/*------------------
 Destacdos Foot
 ----------------------------*/
 #footDestacados {
	width: 920px;
	background-color: #FFF;
	margin:0 auto;
	padding:0 30px;
	display: block;
	height: 170px;
	} 
	
#footDestacados  ul{ margin: 0;	padding: 0;}

#footDestacados li {
	margin: 0 5px 0 0;
	padding:0;
	float: left;
	background-color:#fff;
	width: 298px;
	height: 150px;
	display: block;
	position:relative;
	border:1px solid #eee;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
}
#footDestacados li:hover{	background-color:#eee;}
#footDestacados li .img {
	width:50px;
	position: absolute;
	top:5px;
	left:5px;
	height: 140px;
	z-index:5;
}

#footDestacados li h3{
	display:block;
	position:absolute;
	top:5px;
	left:60px !important;
	z-index:10;
}

#footDestacados .txt{
	display: block;
	position: absolute;
	top: 40px;
	left: 60px;
	width:240px;
	height:105px;
	font: normal 18px "caslon224_bk_btbook_italic", Georgia, Times New Roman, Times, serif;
	overflow:hidden;
	line-height:23px;
}

/**/
#footDestacados .btVerMas {
	position:absolute;
	padding:0px;
	bottom:5px;
	right: 5px;
	display:block;
}

#footDestacados .btVerMas a:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:5px 15px 5px 5px;
	}


/**/
.pyme{	background-color:#6C256E !important;}
.pyme li:hover{	background-color:#eee;}
.pyme h3{	color:#fff !important;}
.pyme .txt{ color:#C4A8C5;}

/**/
.pyme .btVerMas a{	background-color:#fff !important;	color:#6C256E !important;	}
.pyme .btVerMas a:hover{	background-color:#eee !important;	color:#000 !important;	}
/*----------------------------
Mapa
----------------------------*/
.map {
	width: 100%;
	height:300px;
	display:block;
	border:1px solid #999;
}

/*-------------------------
Foot ---------------------*/
#foot{
	width:980px;
	display: block;
	padding: 0;
	margin: 0  auto 10px  auto;
	height: 55px;
	position:relative;
	border-top:1px solid #906;
}

#foot h1 {
	width:130px;
	height: 35px;
	display: block;
	position: absolute;
	top: 10px;
	left:0px;
}

#foot p {
	width: 600px;
	position:absolute;
	top: 10px;
	left:180px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
	
}

#foot   a{
	color: #990066;
	text-decoration: none;
}
#foot    a:hover{
	color: #000000;
	text-decoration: underline;
}
.foot-cre {
	position:absolute;
	width: 130px;
	left: 850px;
	bottom: 5px;
}
/*.foot-cre  a{
	text-indent: -2500px;
	display: block;
	height: 23px;
	width: 130px;
	background: url(../img/cre-ev.gif) no-repeat center top;
}
.foot-cre  a:hover{	background:url(../img/cre-ev.gif) no-repeat center  top;}*/

/* BARRA REDES */
.barraRedes {
	display:block;
	padding:10px 0 2px 0 !important;
	margin:0 0 5px 0 !important;
	border-bottom: 1px dotted #000000 !important;
	width: 100%;
	height: 20px;
	float: left;
}
.RedeB {
	width: 120px;
	display:block;
	padding:0 0 3px 0;
	margin:0;
	float: left;
}
.RedeA{
	width: 160px;
	display:block;
	padding:0 0 3px 0;
	margin:0;
	float: right;
}
/* BARRA REDES */



/*// Varios //*/
.clear {clear:both;}
.verde {color: #00A6A2;}
.blanco {color: #FFF;}
.azul {	color: #1D3C61;}
.rojo {	color: #CC0000;}
.negro {	color: #000;}
