body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#eee; margin:0 auto; text-align:center; background:url(../../images/fondo.jpg) top center repeat-x #000;}



*{padding:0; margin:0;}



a{outline:none;}



img{border-style: none;}



#cTotal{width:811px; margin:0 auto; background:url(/images/top-content.png)  no-repeat  0 12px; min-height:800px;}/*IE*/

/*

linea original: 

#cTotal{width:811px; margin:0 auto; background:url(/images/top-content.png)  no-repeat  0 122px; min-height:800px;}/*IE*/

/*baja 122 px para meter un banner

*/



.clear{clear:both;}





/* ///// HEADER ///// */

#header{width:811px; height:235px; text-align:left; background:url(/images/header.png) no-repeat; overflow: hidden;}/*IE*/

#header .logo2 {position: relative; top: 30px; left:30px;}

#header .video-portada {position: relative; top: -70px; left: 345px;}





#header .menu{float:left; position:absolute; margin:80px 0 0 15px;}/*IE7, IE*/

#header .menu ul li{list-style:none; float:left; text-align:center; line-height:35px;}

#header .menu ul li a{font-size:15px; color:#f9f9f9; padding:0 15px; text-decoration:none;}

#header .menu ul li a:hover{color:#fff;}



#header .menu ul li.quien:hover, #header .menu ul li.donde:hover{background:url(/images/quien-over.gif) 8px 2px no-repeat;}

#header .menu ul li.galeria:hover{background:url(/images/galeria-over.gif) 8px 2px no-repeat;}

#header .menu ul li.video:hover{background:url(/images/video-over.gif) 8px 2px no-repeat;}

#header .menu ul li.menur:hover{background:url(/images/menur-over.gif) 8px 2px no-repeat;}

#header .menu ul li.blog{background:url(/images/blog-bak.gif) 7px 2px no-repeat;}

#header .menu ul li.blog:hover{background:url(/images/blog-over.gif) 7px 2px no-repeat;}

#header .menu ul li.contacto:hover{background:url(/images/contacto-over.gif) 8px 2px no-repeat;}



#header .menu ul li.quienSel, #header .menu ul li.dondeSel{background:url(/images/quien-over.gif) 8px 2px no-repeat;}

#header .menu ul li.galeriaSel{background:url(/images/galeria-over.gif) 8px 2px no-repeat;}

#header .menu ul li.videoSel{background:url(/images/video-over.gif) 8px 2px no-repeat;}

#header .menu ul li.menurSel{background:url(/images/menur-over.gif) 8px 2px no-repeat;}

#header .menu ul li.blog{background:url(/images/blog-bak.gif) 7px 2px no-repeat;}

#header .menu ul li.blogSel{background:url(/images/blog-over.gif) 7px 2px no-repeat;}

#header .menu ul li.contactoSel{background:url(/images/contacto-over.gif) 8px 2px no-repeat;}



.fotos{margin:-8px 0 0 590px; font-size:14px;}

/*

.fotos{float:left; position:absolute; margin:94px 0 0 15px;}

linea original para bajar el titulo de facebook por si metemos banners o similar, 94 px de diferencia

 */

.fotos a{font-size:22px; text-decoration:none; color:white; outline:none;}

.fotos img{border:none;}





/* ///// CONTENT ///// */

#content ul li{list-style:none; float:left;}

#content ul li.text{width:611px; text-align:left; margin:210px 0 0 4px; padding:20px; background:url(../images/cont-bak.gif) left repeat-y; z-index:0; position:relative;}/*IE*/

#content ul li.text .contenido{margin:-210px 0 0 0; width:561px; position:relative; min-height:950px; z-index:20;}



#content h1{font-size:24px; padding:10px 0 10px 40px; letter-spacing:-0.08em; background:url(/images/h1-tit.gif) left 10px no-repeat; text-transform:uppercase;}

#content h2{font-size:18px; padding:5px 0;}

#content h3{font-size:12px;}

#content h1, #content h2, #content h3{color:#a000ab; font-weight:normal;}

#content p{padding:7px 0; line-height:17px; text-align: justify;}

.centered{text-align:center;}

#content strong{color:#fff;}

#content ul li.text .contenido a{color:#a000ab; text-decoration:underline; z-index:20; position:relative;}

#content ul li.text .contenido a:hover{color:#fff; text-decoration:none; background:#34003b;}



#content ul li.text .contenido ul{margin:0 0 0 10px;}

#content ul li.text .contenido ul li{float:none; list-style:none; background:url(../images/bullet.gif) left 8px no-repeat; padding:0 0 0 8px; line-height:18px;}

#content ul li.text .contenido ul li li{background:none;}



#content ul li.text .contenido .finde{padding:20px 0 20px 20px;}

#content ul li.text .contenido .finde a:hover{background:none;}

#content ul li.text .contenido .finde img{margin:0 40px 0 0; border:1px solid #ae00bc;}



#content .imagen{float:left;}



/* galeria */

#content ul li.text .contenido .galeria{margin:0 0 250px 0;}

#content ul li.text .contenido .galeria ul{margin:10px 0;}

#content ul li.text .contenido .galeria li{width:220px; list-style:none; float:left; background:none; margin:5px 10px;}

#content ul li.text .contenido .galeria li a img{border:1px solid #ae00bc;}

#content ul li.text .contenido .galeria li a:hover{background:none;}

#content ul li.text .contenido .galeria li a:hover img{filter:alpha(opacity=50); opacity:.5; border:1px solid #f9b0ff;}



/* videos */

#content ul li.text .contenido .videos{width:611px; text-align:center;}

#content ul li.text .contenido .videos ul li{float:left; width:250px; margin:20px 0; background:none;}

#content ul li.text .contenido .videos ul li img{border:none;}



/* blog */

#content ul li.text .blog{min-height:1400px; margin:-210px 0 300px 0;}

#content ul li.text .blog h1 a{text-decoration:none;}

#content ul li.text .blog .post{margin:0 0 40px;}

#content ul li.text .blog .meta{margin:-5px 0 15px 0;}

#content ul li.text .blog .meta, #content ul li.text .blog .meta a{color:#555;}

#content ul li.text .blog .meta a:hover{color:#999; background:none;}

#content ul li.text .blog img{border:1px solid #ae00bc;}

#content ul li.text .blog img:hover{filter:alpha(opacity=50); opacity:.5; border:1px solid #f9b0ff;}



#search input[type=text]{width:120px; margin:0 0 0 12px; font-size:11px; padding:2px; color:#222; background:#fff; border:1px solid #bebebe;}

#search input[type=submit]{background:url(/images/btsearch.jpg) no-repeat; border:none; font-size:0.001em; text-indent:-9999em; width:21px; height:21px; color:#a102ac; cursor:

pointer; float:right; margin:-21px 35px 0 0;}/*IE, IE7*/



#content ul li.text .blog .commentCite{font-size:10px; color:#555;}

#content ul li.text .blog .rssComment{margin:10px 0;}

#content ul li.text .blog .rssComment a{font-size:10px; color:#555;}

#content ul li.text .blog .rssComment a:hover{color:#999; background:none;}



#content ul li.text .blog .commentsForm input[type=text]{width:220px; margin:0; font-size:11px; padding:2px; color:#222; background:#fff; border:1px solid #bebebe;}

#content ul li.text .blog .commentsForm textarea{width:450px; height:180px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px; color:#222; background:#fff; border:1px solid #bebebe;}





#content ul li.text .contenido .contactForm ul li{width:260px; text-align:left; background:none; float:left; margin:0 0 5px 0;}

#content ul li.text .contenido .contactForm input[type=text]{width:180px; padding:2px;}

#content ul li.text .contenido .contactForm select{padding:2px 0; width:95px;}

#content ul li.text .contenido .contactForm input[type=text], #content ul li.text .contenido .contactForm select{font-size:11px; color:#222; background:#fff; border:1px solid #bebebe;}

#content ul li.text .contenido .contactForm select.selectInt{width:185px;}

#content ul li.text .contenido .contactForm span, #content ul li.text .contenido .req{font-size:9px; color:#900;}

#content ul li.text .contenido .contactForm input[type=submit]{font-size:12px; color:#555; width:120px; margin:10px 210px; cursor:pointer;}



#content ul li.text .contenido .llamanos ul li{list-style:none; float:none; background:url(../images/cont.jpg) left no-repeat; line-height:25px; font-size:20px; padding:0 0 2px 25px; letter-spacing:-0.05em;}



#content ul li.text .blog .feedback{float:right; margin:-10px 10PX 0 0;}



#content ul li.text .blog .bookmark{margin:20px 0 0 0;}

#content ul li.text .blog .bookmark img{border:none;}



/*wpagenavi*/



.wp-pagenavi{margin:20px 0 20px 2px; float:left;}

.wp-pagenavi span.pages{margin:0 4px 0 0; padding:1px 5px 0 0; color:#FFF; font-size:14px !important;}

.wp-pagenavi span.current{text-align:center; color:#FFF;}

.wp-pagenavi a.numbers:hover, .wp-pagenavi a.first_post:hover, .wp-pagenavi a.last_post:hover{color:#333;}

.wp-pagenavi a.first_post, .wp-pagenavi a.last_post{padding:0 5px 0 5px;}



.wp-pagenavi a, .wp-pagenavi a.numbers{background:none; font-weight:bold; margin:0 5px 0 0;}

.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi a.numbers{font-size:14px !important;}

.wp-pagenavi a, .wp-pagenavi span{float:left; font-weight:bold; display:block;}



.wp-pagenavi a, .wp-pagenavi a.numbers, .wp-pagenavi a.last_post, .wp-pagenavi a.first_post{text-decoration:none !important;}



.wp-pagenavi span.current:before, .wp-pagenavi span.current:after, .wp-pagenavi span.current:after, .wp-pagenavi a.numbers:before, .wp-pagenavi a.numbers:after{content:"|"; margin:0 5px 20px 5px;}





/* ///// MENU ///// */

#content ul li.menu{width:200px; float:left; position:relative; margin:210px 0 0 -46px; position:relative; text-align:left; background:url(../images/menu.jpg) bottom left no-repeat; color:#fff;}



#content ul li.menu .text{margin:-180px 0 0 0; position:relative;}

#content ul li.menu .text em{color:#555; font-size:11px;}

#content ul li.menu ul{margin:0 0 30px 12px;}

#content ul li.menu ul li{float:none; list-style:none; line-height:20px; font-size:12px; margin:0 0 5px 0;}

#content ul li.menu ul li a, #content ul li.menu ul.blogmenu li a{text-decoration:none; color:#fff; letter-spacing:-0.02em; font-style:normal;}

#content ul li.menu ul li a:hover{color:#a000ab;}

#content ul li.menu ul li ul{margin:0 0 10px 0;}

#content ul li.menu ul li li{margin:0 0 0 5px; line-height:15px; font-size:11px;}

#content ul li.menu ul.blogmenu{border-right:1px solid #646564; width:195px;}

#content ul li.menu ul.blogmenu li a{font-size:12px; outline:none;}

#content ul li.menu ul.blogmenu ul li{margin:0 0 0 10px;}

#content ul li.menu ul.blogmenu li a img{border:none; margin:0 0 0 10px;}

#content ul li.menu ul.blogmenu li.tags{padding:0 10px; text-align:center;}



#content ul li.menu ul li a.seccion{color:#a000ab;}



#content ul li.menu .titleTop{background:url(/images/back-titleTop.gif) left no-repeat;}

#content ul li.menu .title{background:url(/images/back-title.gif) left no-repeat;}

#content ul li.menu .titleTop, #content ul li.menu .title{font-size:20px; color:#a000ab; margin:0 0 10px 0; letter-spacing:-0.08em; height:33px; padding:5px 0 0 10px;}



#content ul li.menu .other ul{margin:0 0 60px 12px;}

#content ul li.menu .other ul li{list-style:none; float:none; background:url(../images/cont.jpg) left no-repeat; line-height:21px; font-size:20px; padding:0 0 2px 25px; letter-spacing:-0.05em;}

#content ul li.menu .other .video{margin:0 0 10px 20px;}

#content ul li.menu .other .video a img{border:none;}

#content ul li.menu .other .link-menu{width:190px; text-align:center; margin:0 0 20px 0;}

#content ul li.menu .other .link-menu a{text-decoration: none; color: #ffffff; letter-spacing: -0.02em; font-style: normal;}

#content ul li.menu .other .link-menu a:hover{color: #a000ab; text-decoration:none;}



#content ul li.menu ul.blogmenu{margin:0 0 30px 0;}

#content ul li.menu ul.blogmenu li{line-height:inherit; font-size:12px;}

#content ul li.menu ul.blogmenu .cat-item{padding:0 0 0 12px; margin:0;}



.colaboradores-tabla{display:table;}

.colaboradores-fila{display:table-row;}

.colaboradores-titulo{display:table-cell;}

.colaboradores-celda1{display:table-cell;}

.colaboradores-celda2{display:table-cell; vertical-align:top; padding-left: 20px;}



/* ///// FOOTER ///// */

#footer{clear:both; margin:0; position:relative; float:left; width:796px; height:25px; padding:0 0 0 15px; text-align:left; font-size:10px; color:#555; z-index:1;}

img.back{float:left; position:absolute; bottom:0%; margin:0 0 -20px -24px; z-index:0;}

#footer a{color:#555;}

#footer a:hover{color:#999; text-decoration:none;}



#footer .valid{float:right; position:relative; margin:-12px 210px 0 0;}/*IE*/

#footer .valid img{border:none;}



.banner_enigmatium{float:right; position:absolute; top:-190px; left:210px;}

.banner_enigmatium a{outline:none;}

.banner_enigmatium img{border:none;}



.kuru{margin:0 0 40px 0; border:none;}



/*estilos personalizados de chema*/



a.vinculo-morado {}

a.vinculo-morado:hover {}