* {margin: 0;padding: 0;font-family:"Trebuchet MS",Arial, Helvetica, Verdana, sans-serif;}

@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('/fonts/yanonekaffeesatz-bold-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'),
         url('/fonts/yanonekaffeesatz-bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'YanoneKaffeesatzLight';
    src: url('/fonts/yanonekaffeesatz-light-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-light-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'),
         url('/fonts/yanonekaffeesatz-light-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'YanoneKaffeesatzRegular';
    src: url('/fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('/fonts/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'YanoneKaffeesatzThin';
    src: url('/fonts/yanonekaffeesatz-thin-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-thin-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-thin-webfont.ttf') format('truetype'),
         url('/fonts/yanonekaffeesatz-thin-webfont.svg#YanoneKaffeesatzThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

strong{font-family: 'YanoneKaffeesatzRegular' !important;font-weight:normal !important;font-size:15px}

body  { text-align: center;background:#FFF url(images/bg.jpg) top center no-repeat;}

#contenedor{width:950px;margin:0 auto;}

#top{display:inline;float:left;width: 100%;margin: 0;text-align: center;}

#logo{float:left;display:inline;margin:37px 0 0 0;}
#logo img {border:0}

#social{float:right;display:inline;margin:20px 0 0 0}

#social a,#social a span{width:53px;height:48px;display:block;border:0;margin:0 10px 0 0;text-decoration:none;float:left;text-indent: -1000em;background-image: url(/images/social.png);background-repeat: no-repeat;background-position: 0px 0px;}
#social a.facebook{background-position:0 -48px;}
#social a.facebook span{background-position:0px 0px;}
#social a.googleplus{background-position:-53px -48px;}
#social a.googleplus span{background-position:-53px 0px;}
#social a.twitter{background-position:-106px -48px;}
#social a.twitter span{background-position:-106px 0px;}
#social a.linkedin{background-position:-159px -48px;}
#social a.linkedin span{background-position:-159px 0px;}
#social a.feedburner {background-position:-212px -48px;}
#social a.feedburner span{background-position:-212px 0px;}

#menu{float:right;display:inline;margin:30px 0 0 0;}
#menu ul {list-style:none;}
#menu li {display:inline;}
#menu li a{display:block;float:left;height:30px;line-height:30px;padding:0 10px; color: #FFF;text-decoration:none;font-size:16px;font-weight:normal;margin:0 0 0 5px !important;font-family:'YanoneKaffeesatzRegular', arial, serif;}
#menu li a:hover ,#menu li a.estoy{background:url(images/bglink.png) top center repeat-x;border-radius:5px;box-shadow: 0px 0px 5px #000;color:#fff;}

/* Fix IE. Hide from IE Mac \*/
* html body #top #menu ul li a {float:left;} 
/* End */

#complemento{width: 950px;float:left; display:inline;margin:10px 0 0 0;padding: 0;}


.wrapper {width:950px; margin:0;}
#slider { clear:both; height:357px;background:white url(/images/sombra.jpg) bottom center no-repeat;overflow:hidden;padding:20px 0;margin:20px 0 10px 0;float:left;display:inline;}
ul#myRoundabout{margin:0 !important;padding:0 !important}
#myRoundabout li{list-style:none}
#slider .wrapper { position:relative;}
.roundabout-holder  { padding: 0; height:357px; position:absolute; margin:0 0px 0px 0px; }
.roundabout-moveable-item {height: 357px;width: 380px;cursor: pointer;border:0;}
.roundabout-in-focus { cursor: auto; z-index:99999999 !important;}
.roundabout-moveable-item img {width:100%;height:100%;display:block;background:white}
html>body .roundabout-moveable-item img {background:white}
#slider a#previous, #slider a#next { display:block; position:absolute; width:26px; height:49px; overflow:hidden; text-indent:-1312em; margin-top:150px;text-decoration:none !important}
#slider a#previous {background:url(images/next.gif) no-repeat 0 0; right:10px;}
#slider a#next {   background:url(images/prev.gif) no-repeat 0 0; left:10px;}
#slider a:hover { background-position: 0 bottom!important;}

a.vermas{display:block;width:100%;height:34px;background:url(/images/vermas.jpg) top left no-repeat;text-decoration:none !important;margin:15px 0 !important}
a.vermas:hover{display:block;width:100%;height:34px;background:url(/images/vermash.jpg) top left no-repeat;}
a.externo{border-bottom:1px dotted #969696}

h1,h2,h3,h4,h5,h6{font-family:'YanoneKaffeesatzRegular', sans-serif;font-weight:normal}

div.columna1{float:left;width:290px;text-align:left;color:#969696}
.columna1 h2{background:url(/images/pila.jpg) top left no-repeat;padding:0 0 5px 0;text-indent:40px;font-weight:normal;color:#312C2B;font-weight:bold;line-height:36px}
.columna1 p{font-size:0.90em !important;margin:5px 0 5px 40px;}

div.columna2{float:left;width:290px;text-align:left;color:#969696;margin:0 40px}
.columna2 h2{background:url(/images/proceso.jpg) top left no-repeat;padding:0 0 5px 0;text-indent:40px;font-weight:normal;color:#312C2B;font-weight:bold;line-height:36px}
.columna2 p{font-size:0.90em !important;margin:5px 0 5px 40px;}

div.columna3{float:left;width:290px;text-align:left;color:#969696}
.columna3 h2{background:url(/images/mundo.jpg) top left no-repeat;padding:0 0 5px 0;text-indent:40px;font-weight:normal;color:#312C2B;font-weight:bold;line-height:36px}
.columna3 p{font-size:0.90em !important;margin:5px 0 5px 40px;}

div.subcolumna1{float:left;width:450px;text-align:left;color:#969696;margin:15px 0}
.subcolumna1 h3{font-size:22pt;padding:0 0 5px 0;font-weight:normal;color:#312c2b;font-weight:bold;border-bottom:1px dotted #e8e8e8}
.subcolumna1 h4{font-size:12pt;padding:15px 0 0 0;font-weight:normal;color:#312c2b;font-weight:bold;text-transform:uppercase}
.subcolumna1 p{font-size:0.90em !important;margin:5px 0 5px 0;}
.subcolumna1 img,.subcolumna2 img{margin:12px 0 0 10px}
div.subcolumna2{float:right;width:450px;text-align:left;color:#969696;margin:15px 0}
.subcolumna2 h3{font-size:22pt;padding:0 0 5px 0;font-weight:normal;color:#312c2b;font-weight:bold;border-bottom:1px dotted #e8e8e8}
.subcolumna2 h4{font-size:12pt;padding:15px 0 0 0;font-weight:normal;color:#312c2b;font-weight:bold;text-transform:uppercase}
.subcolumna2 p{font-size:0.90em !important;margin:5px 0 5px 0;}

.derecha{float:right}
.sombra{padding:10px 0 0 0;text-align:center !important;clear:both}


#izquierda{float:left;display:inline;width:620px;margin:15px;}

#izquierda h1 {font-size:36px;font-weight: normal;margin:0 0 10px 0;text-align:left;color:#312C2B;line-height:36px;padding:2px 0}
#izquierda h1.destacado {background:url(/images/artwork.png) left center no-repeat;padding:0 0 2px 40px}
#izquierda h1.soy {background:url(/images/user.png) left center no-repeat;padding:0 0 2px 40px}
#izquierda h1.amigos {background:url(/images/users.png) left center no-repeat;padding:0 0 2px 40px}
#izquierda h1.hago {background:url(/images/computer.png) left center no-repeat;padding:0 0 2px 40px}
#izquierda h1.digo {background:url(/images/target.png) left center no-repeat;padding:0 0 2px 40px}
#izquierda h1.recursos {background:url(/images/note.png) left center no-repeat;padding:0 0 2px 40px}
#izquierda h1.contacto {background:url(/images/ruler_pencil.png) left center no-repeat;padding:0 0 2px 40px}

#izquierda h2 {font-size:29px;font-weight: normal;margin: 0 0 10px 0;text-align:left;color:#312c2b;font-family:'YanoneKaffeesatzRegular', sans-serif !important;}
#izquierda p {margin: 0 0 20px 40px;font-size:14px;line-height:150%;padding:0;color:#312C2B;text-align:left;}

#izquierda div.recurso{margin:10px 0 0 40px;padding:10px 0;display:inline;float:left;border-bottom:2px solid #312c2b}
.recurso p{margin:0 0 20px 0 !important;}
.recurso img.fotoblog {border:0;width:560px;height:auto;padding:0 !important}
.recurso p.fecha{font-size:10px !important;border:1px dotted #969696;border-width:1px 0;color:#969696 !important;margin:0 0 10px 0 !important}
.recurso a:link,.recurso a:active, .recurso a:visited{color:#000 !important;font-family:'YanoneKaffeesatzRegular', sans-serif !important;}
.derecha{float:right}
.paginacion{display:inline;float:left;width:600px;}
.paginacion a.activa2,.paginacion a.pagina2:hover{width:30px;height:28px;display:block;float:left;margin:10px 2px 5px 0;background:url(/images/pagina.jpg) top left no-repeat;font-size:12px;text-align:center;line-height:28px;opacity:1;}
.paginacion a.pagina2{width:30px;height:28px;display:block;float:left;margin:10px 2px 5px 0;opacity:0.5;background:url(/images/pagina.jpg) top left no-repeat;font-size:12px;text-align:center;line-height:28px;}

.destacada {float:left;display:inline;width:600px;text-align:left;font-size:11px;height:245px;overflow:hidden;margin:20px 0;border:2px solid white}
.destacada  h6 {font-size:18px;font-weight: bold;margin: 10px 0 0 10px;text-align:left;color:#312c2b;}
.destacada img {border:0;}
.destacada a{text-decoration:none !important}
#izquierda ul {margin: 20px;list-style:none}
#izquierda li {margin:0 0 5px 0;padding:0 0 5px 25px;background:url(/images/accept.png) left top no-repeat;border-bottom:1px dotted #969696;text-align:left;font-size:14px;line-height:150%;}

#izquierda {float:left;display:inline;width:600px;text-align:left;padding:0;}
#izquierda h4 {margin: 0;font-size:21px;font-weight:normal;margin: 10px 0 0 10px;}

#izquierda p.lenguaje {border:0;padding:5px !important;margin:25px 0 0 0 !important;width:550px !important;font-weight:bold !important;color:white;font-size:12px;background:#312c2b}
#izquierda pre {padding:5px !important;margin:0 !important;width:550px !important;border:0;background:#ccc !important;font-size:12px;overflow:hidden; }
#izquierda pre:hover {overflow:visible; }

p.descarga{border:1px dotted #969696;margin:20px 0 !important;padding:10px !important;background:#969696}


.amigo{border:1px dotted #969696;border-width:0 0 1px 0;margin:10px 0 10px 40px;padding:0 0 10px 0;clear:both}
.amigo p{margin:0 !important}
.amigo p img{padding:2px;background:white;border:1px dotted #969696;margin:0 20px 0 0;float:left !important}
.amigo p strong{font-size:14px !important;}
.amigo p{font-size:12px !important}


#izquierda div.trabajo p{font-size:12px !important;margin:0 !important}
.tags {font-size:9px !important;background:url(/images/tag_blue.png) left center no-repeat;padding:0 0 0 20px !important;line-height:16px;color:#312c2b !important}
* html body .fecha {font-size:9px !important;background:url(/images/tag_blue.gif) left center no-repeat;padding:0 0 0 20px !important;line-height:16px;color:#312c2b !important}

#izquierda form.contacto {margin: 20px 0;padding:0 0 0 40px;font-size:12px;width:560px}
.contacto fieldset{width:558px;padding:8px 0;text-align:left;color:#312c2b;border:1px dotted #969696}
.contacto legend{margin: 0 0 0 15px;background:#969696;padding:5px 15px;color:white}
.contacto p{margin:5px 0 5px 25px !important;width:500px;color:#312c2b !important;font-size:12px !important}
.contacto input, #izquierda select, #izquierda textarea{width:500px;background:#fff; padding:4px;border:1px solid #969696;margin:0 0 10px 0;color:#312c2b;font-size:12px;}
.contacto input.enviar  {width:150px !important;background:#969696;color:white}



.error-message, .error , .required { color: #f00 !important; margin: 0 0 15px 0 !important;  display: block; font-size: 11px !important;font-weight:bold;}
#messageLabel { display: none !important; }
#message { display: none !important;}
p#mensaje{padding:10px 0;background:#969696;text-indent:15px;}

#izquierda .gris{font-size:7pt;color:#969696}

#izquierda a:link, #izquierda a:visited, #izquierda a:active { text-decoration: none; color: #312c2b; }
#izquierda a:hover{ text-decoration: none;}

.portfolio{width:238px !important;border:3px solid #969696;margin:0 0 30px 40px;opacity:0.5;}
.portfolio:hover{border:3px solid #312c2b;}


#derecha{float:right;display:inline;width:250px;text-align:left;margin:15px 25px 25px 0;}
#derecha h2 {font-size:27px;font-weight: normal;margin:0;text-align:left;color:#312c2b;line-height:32px;}

#derecha .nube, #derecha .populares{margin:10px 0 25px 0;border-bottom:2px solid #312c2b;padding:0 0 10px 0}
.nube a:link,.nube a:active,.nube a:visited{ color: #312c2b !important;text-decoration:none;}
.nube a:hover {color:white !important;background:#312c2b !important}

#derecha p {margin: 0;padding:0}
#derecha ul {margin: 0;list-style:none}
#derecha li {margin:0 0 10px 0;padding:0 0 10px 25px;background:url(/images/accept.png) left top no-repeat;border-bottom:1px dotted #969696;font-size:12px}
#derecha .comment {font-weight:normal;font-size:10px;line-height:10px;color:#969696}
.populares a:link,.populares a:active,.populares a:visited{ color: #312c2b !important;text-decoration:none;}
.populares a:hover {text-decoration:underline;}








#abajo {float:left;display:inline;background:#312c2b url(/images/bg-pie.jpg) top center repeat-x;margin:10px 0 0 0;width:100%;}
#abajo h5{font-size:19px;padding:0 0 10px 0;font-weight:normal;color:#ffffff;font-weight:normal;text-transform:uppercase}
#abajo p.copy {margin:12px 0 0 0;font-size:10px;color:#fff;float:left;text-align:left;width:500px;clear:both}
#abajo p.imagenes{margin:5px 0 0 0;float:right;padding:7px 0;}
#abajo p.imagenes img{border:0;margin:0 0 0 10px;}
#abajo .fecha {font-size:9px !important;padding:0 !important;line-height:16px;color:#312c2b !important}
.pad{padding:2px;background:transparent;border:1px dotted #969696}
#abajo #base {width:950px;margin:70px auto 0 auto;}
#abajo #recursos,#abajo #yodigo{display:inline;float:left;margin:0 20px 0 0;width:350px;text-align:left;border-right:1px dotted #969696;}
#abajo #miembro{display:inline;float:left;margin:0 0 0 0;width:200px;text-align:left;}
#abajo p.logos{margin:10px 0 10px 0;}
.logos img{margin:0 7px 7px 0;border:0;width:90px;height:auto;border-radius:5px}
#abajo ul{margin:10px 20px 10px 0;list-style:none}
#abajo li{background:url(/images/lapiz.png) top left no-repeat;padding:0 0 0 30px;font-size:0.75em;margin:0 0 7px 0;line-height:1em}

#abajo a,#abajo a:hover{color:#969696;text-decoration:none;}




/* panel admin */
#base2{width: 950px;float:left; display:inline;margin: 20px 0;padding: 0px;text-align: center;}

#base2 p{color: #312c2b;font-weight: normal;padding: 0 0 20px 0 !important;font-size:13px;}

#base2 a:link, #base2 a:visited, #base2 a:active { text-decoration: none; color: #312c2b; }
#base2 a:hover{ text-decoration: underline; }

#base2 h1{font-size:29px;font-weight: bold;margin: 15px 0 0 0;color:#312c2b}
#base2 h2{font-size:13px;font-weight: normal;margin: 35px;color:green;border:1px dotted green;padding:5px 0}
#base2 h3{font-size:13px;font-weight: normal;margin: 35px;color:red;border:1px dotted red;padding:5px 0}

#base2 table {margin:15px 0;width:100%;}
#base2 tr{padding: 3px;}
#base2 td{font-family: Arial;font-size: 12px;color: #000;font-weight: normal;padding: 10px;}

#base2 form {margin: 10px auto;width:700px;padding:20px 0}
#base2 fieldset{border:0;padding:0 0 10px 0;text-align:left;font-size: 12px; font-weight: normal;line-height:20px;width:700px;margin:0 auto;color:#312c2b}

#base2 input, #base2 select , #base2 textarea  { background: #FFF; border: 1px dotted #969696; color: #000;width:690px;float:left;margin:0;
font-family: Arial,Helvetica,Verdana; font-size: 12px; font-weight: normal;padding: 5px;overflow:visible;}

.enviar {width:150px !important;background:#2c2d29 !important;color:white !important;}



table.jCalendar {border: 1px solid #000;background: #f5f5f5;border-collapse: separate;border-spacing: 2px;font-size:12px}
table.jCalendar th {background: #000;color: #fff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #f5f5f5;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #ddd;color: #aaa;}
table.jCalendar td.today {background: #666;color: #fff;}
table.jCalendar td.selected {background: #312c2b;color: #fff;}
table.jCalendar td.selected:hover {background: #312c2b;color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff;color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #bbb;color: #888;}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
.dp-popup {position: relative;background: #ccc;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
#dp-popup {position: absolute;z-index: 199;}
.dp-popup p {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}








.btn-slide{display:block;width:42px;height:28px;text-decoration:none !important;float:left;}

#pageflip {right: 0; top: 0;float: right;}
#pageflip img {width: 50px; height: 52px;z-index: 99;position: absolute;right: 0; top: 0;/*-ms-interpolation-mode: bicubic;*/border:0;}
#pageflip .msg_block {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url(/images/suscribe.png) no-repeat right top;}
* html body #pageflip .msg_block {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url(/images/suscribe.gif) no-repeat right top;}