/*
Theme Name: GERMANSAEZ.COM v6.5
Author: Germán Saez
Author URI: http://germansaez.com
Version: 1.1
*/

#contenedor {margin: 5px auto; width: 970px}

#principal {margin: 0px auto; padding: 5px 0px; color:#9c9a9a}
#principal li {font: 0.7em Arial, Helvetica, sans-sefif; line-height: 200%; list-style: none; margin-left: 0px; background-image: url(/shared/punto.gif); background-repeat: repeat-x; background-position: bottom}
#principal ul {margin-top: 5px; margin-left: 0px; margin-bottom: 20px; padding-left: 0px; padding-bottom: 0px}
#principal a:link {color:#109bc3; padding: 2px; text-decoration: none}
#principal a:hover {background-color:#109bc3; color:#fff; padding: 2px}
#principal a:visited {background-color:#fff; color:#dadada; padding: 2px; text-decoration: none}
#principal li a:link {display: block}
#principal li a:visited {display: block; background-image: url(/shared/punto.gif); background-repeat: repeat-x; background-position: bottom}

#menu {margin: 0px auto; padding: 0px}
#menu ul {margin-top: 5px; margin-left: 0px; margin-bottom: 15px; padding-left: 0px}
#menu li {color: #999; border-top: 1px solid #e8e8e8; padding-left: 156px; padding-top: 5px; padding-right: 5px; height: 102px; margin-top: 4px; margin-left: 0px; font: 0.7em Arial, Helvetica, sans-serif; display: block; list-style: none}
#menu li a {text-decoration: none; display: block}
#menu li a:link {color:#109bc3}
#menu li a:hover {color:#666}
#menu li a:visited {color:#109bc3}
#menu li:hover {background: #fafafa}

#menushare {background-color: #fafafa; padding: 10px; list-style: none; height: 20px; margin: 0px}
#menushare ul {margin: 0px auto; padding:0px}
#menushare li {font: 0.7em Arial, Helvetica, sans-serif; display: block; float: left; margin: 0px; background: none; display: block; padding-top: 2px; padding-bottom: 2px; padding-right: 4px; color:#9c9a9a }
#menushare li a {color:#109bc3; text-decoration: none; padding-left: 20px; background-color:#fafafa; padding-right: 5px}
#menushare li a:hover {color:#333; background-color:#fafafa}
#menushare li a:visited {color:#109bc3 background-color:#fff}

#slideshow {position:relative; height:415px}
#slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 415px}
#slideshow DIV.active {z-index:10; opacity:1.0}
#slideshow DIV.last-active {z-index:9}
#slideshow DIV IMG {height: 415px; display: block; border: 0; margin-bottom: 0px}

#navi {background-color: #fafafa; padding: 10px; list-style: none; height: 20px; margin: 0px}
#navi ul {margin: 0px; padding:0px}
#navi li {font: 0.7em Arial, Helvetica, sans-serif; padding: 0px 2px; float: left; margin: 0px; list-style: none}
#navi li a {color:#109bc3; display: block; padding: 2px 4px; text-decoration: none; text-align: center; background-color:#fff}
#navi li a:hover {color:#fff; background-color:#109bc3}
#navi li a:visited {color:#109bc3 background-color:#fff}
#local {float: left}
#red {float: right}

#sub {margin: 0px auto; padding: 0px; border-top: solid #e8e8e8 1px}
#sub li {font: 0.7em Arial, Helvetica, sans-serif; line-height: 180%; list-style: none; margin-left: 0px; background-image: url(/shared/punto.gif); background-repeat: repeat-x; background-position: bottom}
#sub ul {margin-top: 5px; margin-left: 0px; margin-bottom: 15px; padding-left: 0px}
#sub li a:link {color:#3c7d91; padding: 2px; text-decoration: none; display: block}
#sub li a:hover {background-color: #fafafa; color: #9c9a9a; padding: 2px; display: block}
#sub li a:visited {color:#999; padding: 2px; text-decoration: none; display: block; background-image: url(/shared/punto.gif); background-repeat: repeat-x; background-position: bottom}

#noticias {float: left; width: 720px}
#latnoticias {float: right; width: 220px}

#izquierda {float: left; width: 50%}
#i50 {float: left; width: 48%; padding-right: 5px}
#i50b {float: left; width: 47%; padding-right: 5px}
#i70 {float: left; width: 70%; padding-right: 10px}
#i25 {float: left; width: 24%; padding-right: 5px}
#i33 {float: left; width: 315px; padding-right: 5px}
#i25r {float: right; width: 28%}
#derecha {float: right; width: 48%}
#doscoli {float: left; width: 49%}
#doscold {float: right; width: 49%}
#fleftpie {float: left; margin-top: 0px}
#r {float: right; margin-left: 20px; margin-top: 0px; margin-bottom: 10px}

#pie {margin: 10px auto; padding-top: 20px; border-top: solid #ccc 1px; height: 60px}
#pie p {font: 0.6em Arial, Helvetica, sans-serif; color:#808080; margin-left: 0px; line-height: 180%}
#pie a {color:#109bc3; padding: 2px; text-decoration: none}

.mt {background: url(/shared/mt.gif) no-repeat; width: 37px; height: 15px} 
.mt a {text-indent: -5000px; width: 37px; height: 15px; display: block}
.mt a:focus {outline: none}

body {margin: 0px; background-color: #fff}
img {border: 0px}
img.photo {border: solid 16px; border-color: #f8f8f8; margin-top: 20px; margin-bottom: 0px; padding: 0px}
img.parrafo{float:left; margin-right: 8px; margin-bottom: 2px; border: 1px solid #e8e8e8}
#thumbs img {float: left; margin: 2px; border: none}

h1 {background: url(/shared/h1.gif) no-repeat; width: 221px; height: 30px; padding: 0px; margin-top: 0px; margin-bottom: 20px} 
h1 a {text-indent: -5000px; width: 221px; height: 30px; display: block}
h1 a:focus {outline: none}
h2 {text-indent: -5000px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 0px; font: normal 0.9em Arial, Helvetica, sans-serif; color:#999; margin-top: 5px; border-top: solid #e8e8e8 1px}
h3 {margin-bottom: 10px; padding-bottom: 0px; font: normal 0.7em Arial, Helvetica, sans-serif; color:#666; margin-top: 10px}
h4 {font: normal 0.65em Arial, Helvetica, sans-serif; color:#9c9a9a; background-image: url(/shared/punto.gif); background-repeat: repeat-x; background-position: bottom; margin-top: 0px; margin-bottom: 10px; padding-bottom: 2px; line-height: 180%}
p, label {margin-bottom: 10px; margin-top: 5px; font: 0.7em Arial, Helvetica, sans-serif; color:#9c9a9a; margin-left: 0px; line-height: 200%; padding:0px; text-align: justify}

blockquote {font: 0.65em Arial, Helvetica, sans-serif; background-color: #fafafa; line-height: 200%; padding: 10px; width: 90%; margin-left: 10px; margin-bottom: 10px; text-align: justify}
input, textarea {background-color: #fafafa; color: #9c9a9a; border: none; padding: 4px; font: 0.7em Arial, Helvetica, sans-serif}
input:focus {background-color: #383838; color: #fff}
input:hover {background-color: #109bc3; color: #fff}
textarea {width: 100%}
textarea:focus {background-color: #383838; color: #109bc3}
textarea:hover {background-color: #109bc3; color: #fff}
abbr, acronym {border-bottom: 1px dashed #666; padding-bottom: 1px; cursor: help}

.vcard {font: 0.7em Arial, Helvetica, sans-serif; line-height: 180%; margin-top:10px; padding: 5px 0px}

.desc {background-image: url(/shared/desc.gif); background-repeat: no-repeat; background-position: left; padding-left: 20px; margin: 10px 0px}
.atencion {background-image: url(/shared/exc.gif); background-repeat: no-repeat; background-position: left; color:#626262; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; background-color:#fafafa; margin: 10px 0px}
.cam {background-image: url(/shared/cam.gif); background-repeat: no-repeat; background-position: left top; padding-left: 30px; margin: 10px 0px}
.help {background-image: url(/shared/help.gif); background-repeat: no-repeat; background-position: left; padding-left: 25px; padding-top: 2px; height: 25px}
.rss {background-image: url(http://germansaez.info/img/feed.png); background-repeat: no-repeat; background-position: left}

.twitter {background-image: url(http://germansaez.info/img/twitter.png); background-repeat: no-repeat; background-position: left bottom}
.facebook {background-image: url(http://germansaez.info/img/facebook.png); background-repeat: no-repeat; background-position: left bottom}
.delicious {background-image: url(http://germansaez.info/img/delicious.png); background-repeat: no-repeat; background-position: left bottom}

.retratos {background-image: url(/img/prev_p.jpg); background-repeat: no-repeat; background-position: left}
.urbano {background-image: url(/img/prev_u.jpg); background-repeat: no-repeat; background-position: left}
.musica {background-image: url(/img/prev_m.jpg); background-repeat: no-repeat; background-position: left}
.erotica {background-image: url(/img/prev_e.jpg); background-repeat: no-repeat; background-position: left}
.web {background-image: url(/img/prev_w.jpg); background-repeat: no-repeat; background-position: left}
.grafica {background-image: url(/img/prev_g.jpg); background-repeat: no-repeat; background-position: left}
.video {background-image: url(/img/prev_v.jpg); background-repeat: no-repeat; background-position: left}

.act {background-image: url(/shared/actualizado.gif); background-repeat: no-repeat; background-position: left; padding-left: 66px; padding-top: 0px}
.upd {background-image: url(/shared/updated.gif); background-repeat: no-repeat; background-position: left; padding-left: 48px; padding-top: 0px}
.nueva {color: #000; padding: 2px; border-top: 1px solid #ffff00}

.titperfil {background: url(/shared/tit_perfil.gif) no-repeat}
.titprofile {background: url(/shared/tit_profile.gif) no-repeat}
.titsusces {background: url(/shared/tit_susces.gif) no-repeat}
.titsuscen {background: url(/shared/tit_suscen.gif) no-repeat}
.titportfolio {background: url(/shared/tit_portfolio.gif) no-repeat}
.titultnot {background: url(/shared/tit_ultnot.gif) no-repeat}
.titlnews {background: url(/shared/tit_lnews.gif) no-repeat}
.titnot {background: url(/shared/tit_not.gif) no-repeat}
.titnews {background: url(/shared/tit_news.gif) no-repeat}
.titcontact {background: url(/shared/tit_contact.gif) no-repeat}
.titcontacto {background: url(/shared/tit_contacto.gif) no-repeat}
.titdiaria {background: url(/shared/tit_diaria.gif) no-repeat}
.titdaily {background: url(/shared/tit_daily.gif) no-repeat}
.titsitiosgs {background: url(/shared/tit_otros.gif) no-repeat}
.titsitesgs {background: url(/shared/tit_others.gif) no-repeat}
.titareas {background: url(/shared/tit_areas.gif) no-repeat}
.titareasen {background: url(/shared/tit_areasen.gif) no-repeat}
.titclientes {background: url(/shared/tit_clientes.gif) no-repeat}
.titpuben {background: url(/shared/tit_puben.gif) no-repeat}
.titpubes {background: url(/shared/tit_pub.gif) no-repeat}

.panel {position: relative; width: 100%; height: 590px; padding: 0px; border: none}
.panelgrupo {position: relative; width: 100%; margin: 0px; padding: 0px; border: none}
.panelfoto {overflow: hidden; margin: 0px; padding: 0px; border: none}
.SlidingPanelsAnimating * {overflow: hidden !important}
.SlidingPanelsCurrentPanel {}
.SlidingPanelsFocused {}

#slide {margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px}
#slide .panel {float: left}
#slide .panelgrupo {float: left; width: 200000px}
#slide .panelfoto {float: left; width: auto}
#foto {margin: 0px 0px 0px 0px}
.boton {text-decoration: none; padding:5px; margin:5px; color:#109bc3; font: 0.65em Arial, Helvetica, sans-serif}
#screenshot, #tooltip{position:absolute; border:1px solid #109bc3; background:#109bc3; padding:5px; display:none; color:#fff; font: 0.7em Arial, Helvetica, sans-serif}
#limpiar {clear:both;}