/* XHTML */
body{background:white url(../img/bgHeader.png) repeat-x; font-family:Tahoma, Arial;color:#666;}
h1{background-image:url(../img/bgTitle.png);background-repeat:no-repeat;width:746px;height:66px;color:white;font-size:40px;font-weight:bold;padding-top:20px; padding-left:80px; margin-left:-80px}
h1 a{color:white}
h1 a:hover{color:white}
h1 span{font-size:24px}
h2{font-size:18px; color:white; margin-top:-20px;}
h3{font-size:36px; clear:both; color:black; font-weight:bold; clear:both; padding-top:10px; padding-bottom:10px; height:36px}
h4{font-size:24px; color:#000; font-weight:bold; clear:both; padding-top:20px; padding-bottom:10px}

a{color:#5bb0c8;}
a:hover{color:#cc0;}
acronym{border-bottom:1px dotted #999;}
p{margin:20px; line-height:20px; margin-left:10px; margin-top:10px}
strong{font-weight:bold}

.container{width:900px;margin:0 auto}
.green{color:#cccc33}
.pink{color:#fe0065}
.blue{color:#00a6d0}
.f18{font-size:18px}

/* Menu */
ul.menu{margin-top:11px;height:50px;}
ul.menu li{display:inline; display:block; float:left; background: url(../img/bgSeparator.png) no-repeat right; margin-right:18px; padding-right:18px; height:51px}
ul.menu li a{font-size:18px; color:white; display:block; float:left;text-shadow: 0px 0px 2px #000; padding-left:18px;height:29px;line-height:28px; margin-top:10px;}
ul.menu li a span{display:block; float:left; height:29px;line-height:28px;padding-right:18px}
ul.menu li a:hover{background: url(../img/bgButton.png) no-repeat left; cursor:pointer}
ul.menu li a:hover span{background: url(../img/bgButton.png) no-repeat right}
ul.menu li a.selected{background: url(../img/bgButton.png) no-repeat left}
ul.menu li a.selected span{background: url(../img/bgButton.png) no-repeat right}

/* Carrousel Home */
#wrapper{clear:both;width:838px;margin:10px auto}
#promo_panel{position:relative;width:833px;height:363px;overflow:visible}
#promo_window{position:relative;width:833px;height:363px;overflow:hidden}
#promo_slider{position:absolute;left:0;top:0;width:10000px;height:363px;z-index:100}
#promo_slider .promo_content{float:left;width:833px;height:363px;margin:0 5px 5px 0}
#promo_nav li{display:block;position:absolute;top:138px;width:80px;height:75px;z-index:200}
#promo_nav li.prev{left:-38px}
#promo_nav li.next{right:-38px}
#promo_nav li a{display:block;width:100%;height:100%;text-indent:-5000px}
#promo_nav li.prev a{background:url(../img/prev.png) no-repeat}
#promo_nav li.next a{background:url(../img/next.png) no-repeat}
#promo_nav li.prev a:hover{background:url(../img/prevHover.png) no-repeat}
#promo_nav li.next a:hover{background:url(../img/nextHover.png) no-repeat}

/* Trabajos  */
.trabajo {clear:both; display:block;width:470px;float:left; padding-bottom:3px}
.work li{list-style:none;float:left;background:#fff url(../img/bgWork.png) no-repeat 0 0;width:258px;position:relative;margin:10px 10px 0 0;padding:9px 8px}
.work li a{display:block;position:relative;overflow:hidden;height:107px;width:226px;color:#999;text-decoration:none;padding:16px; font-size:16px}
.work li img{position:absolute;top:0;left:0;height:139px;width:258px}

/* Paginacion */
.paginacion {float:left; margin-top:15px}
.paginacion li{float:left}
.paginacion li a{background-color:#fff; color:#000; display:block; margin-right:5px; text-decoration:none; height:20px; width:20px; padding:8px; line-height:20px; text-align:center; font-size:18px}
.paginacion li a:hover, .paginacion li a.selected{background:#fff url(../img/bgPaginacion.png) no-repeat 0 0;color:#FFF;text-shadow: 0px 0px 2px #000;}

/* Slider */
#slider{width:880px; margin:0 auto; margin-top:25px }
.scroll{height:auto; width:880px; overflow:auto; overflow-x:hidden; position:relative; clear:left;}
div.panel{height:auto; width:880px;}

/* Quien soy */
ul.listado{margin:20px}
ul.listado li{background:#FFF url(../img/bullet.png) left top no-repeat;padding-left:15px;line-height:28px;}

/* Logos  */
.logos {width:600px;}
.logos img{margin:15px 15px 15px 15px;}
.logos p{display:none;}

/* Curriculum  */
.downloadPDF{clear:both;background:#fafafa url(../img/icoPDF.png) 10px center no-repeat; border:1px solid #f3f3f3; padding:35px; padding-left:80px; width:560px; margin-bottom:10px; font-size:18px}
.cv ul{margin-bottom:15px}
.cv ul li{background:#FFF url(../img/bullet.png) left top no-repeat;padding-left:15px;line-height:28px}
.cv ul li span{font-size:14px;color:#999}
.cv ul li ul li{background-image:none;font-size:14px;line-height:18px}
.cv ul li span.f14{font-size:14px;color:#666}
