/* Versi—n 3 de GerardoDiaz.com */
body {background: #555; font: 90% Verdana; color: #333;}

img {border: none}


a {text-decoration: none; color: #259; font-weight: bold;}

a:hover {text-decoration: underline;}

#padding {display: block; padding-top: 68px;} /*para las secciones */

h1, h2, h3, h4 {color: #225590}

#header {margin-top: 10px; width: 1006px; height:80px; position: absolute; background: url(header/headerCuadritos.png) no-repeat ;
font-size: 12px; z-index: 100;
}

#header img { border: none; float: left; margin-top: -12px;}
#cuerpo {padding-top:20px; padding-left: 15px;}

#headerMenu {
float: left; 
padding-right: 20px; 
margin-left: -4px; 
z-index: 500; 
background: none !important;
_margin-top:-93px;
_height:70px;
}

#headerMenu a {
display: block; 
height: 50px;
background-position: top;
padding-top: 30px;
text-decoration: none;
color: white;
float: right;
}

#headerMenu a:hover {
background-position: center;
}

#headerMenu a:active {
background-position: bottom;
}

#botonPortafolio {
padding-left: 50px;
width: 96px;
background-image: url(header/botonPortafolio.png) !important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonPortafolio.png', sizingMethod='crop'); background: none;
}

#botonDescargas {
padding-left: 50px;
width: 96px;
background-image: url(header/botonDescargas.png)!important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonDescargas.png', sizingMethod='crop'); background: none;
}

#botonContacto {
padding-left: 50px;
width: 96px;
background-image: url(header/botonContacto.png)!important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonContacto.png', sizingMethod='crop'); background: none;
}

#botonPortada {
padding-left: 20px;
width: 74px;
background-image: url(header/botonPortada.png)!important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonPortada.png', sizingMethod='crop'); background: none;
}

#botonAcerca {
padding-left: 50px;
width: 96px;
background-image: url(header/botonAcerca.png)!important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonAcerca.png', sizingMethod='crop'); background: none;
}

#botonEs {
padding-left: 20px;
width: 74px;
background-image: url(header/botonPortada.png)!important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonPortada.png', sizingMethod='crop'); background: none;
}

#botonEn {
padding-left: 20px;
width: 74px;
background-image: url(header/botonPortada.png)!important;
filter: none !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tema/cuadritos/header/botonPortada.png', sizingMethod='crop'); background: none;
}



.contenido {
width:980px; height: 600px;
background: #fff;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;

-box-shadow: 10px 10px 50px #000;
overflow: hidden;
}

#contenidoPortafolio {
height: 100%;
overflow: auto;
font-size: 80%;
}

#portafolioTexto {
padding-left: 40px;
padding-right:20px;
}

.portafolioSeccion {
width: 310px;
height: 80px;
padding:  10px 5px 0px 95px;
float: left;
margin: 0 10px 10px 0;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius:10px;
background-color: #ddf;
}
.portafolioSeccion h3 {margin: 0}

#cartelM {background: url(portafolio/cartelM.png) no-repeat #ddf;}

#identidadM {background: url(portafolio/identidadM.png) no-repeat #ddf;}

#ilustracionM {background: url(portafolio/ilustraM.png) no-repeat #ddf;}

#webM {background: url(portafolio/webM.png) no-repeat #ddf;}

#fotoM {background: url(portafolio/fotoM.png) no-repeat #ddf;}

#editorialM {background: url(portafolio/editorialM.png) no-repeat #ddf;}


#portada{ background: rgb(216,223,33);}

#portada { 
font-size: 80%;
width:330px; height: 450px; 
background: rgba(255,255,255,.7); 
padding-top: 150px; padding-left:10px; padding-right:10px; 
margin-left: 50px;
-webkit-box-shadow: 10px 0px 10px #333;
-moz-box-shadow: 10px 0px 10px #333;
-box-shadow: 10px 0px 10px #333;

}

#menuLateral {
color: #fff;
width: 50px;
height: 100%;
float: left;
background: #252A35;
bottom: 0;

}

#menuThumbs {
color: #fff;
width: 145px;
height: 100%;
float: left;
background: #888899;
bottom: 0;
text-align: center;
z-index: 25;
position: relative;
overflow: auto;
}

#menuThumbs a {
display: block;
padding: 5px;
background: black;
width: 100%x;
overflow: hidden;
color: white;
text-decoration: none;
font-weight: bold;
margin-bottom: 2px;
}

#menuThumbs a:hover {
background: white;
color: black;
}
#menuThumbs img {width: 110px; height: 110px;}


#tituloPortafolio {
font-size: 150%; 
background: url(portafolio/tituloPortafolio.png) no-repeat;
padding-top: 15px;
padding-left: 50px;
height: 40px;
}

#tituloContacto {
font-size: 150%; 
background: url(secciones/tituloContacto.png) no-repeat;
padding-top: 15px;
padding-left: 50px;
height: 40px;
}

#tituloAbout {
font-size: 150%; 
background: url(secciones/tituloAcerca.png) no-repeat;
padding-top: 15px;
padding-left: 70px;
height: 40px;
}

#tituloDescargas {
font-size: 150%; 
background: url(secciones/tituloDescargas.png) no-repeat;
padding-top: 15px;
padding-left: 50px;
height: 40px;
}

#botonesLateral {position: relative; z-index: 50}

#botonesLateral a {
text-decoration: none;
font-size: 100%;
font-weight: bold;
color: black;
display: block;
width: 0;
height: 35px;
padding-top: 15px;
padding-left: 60px;
overflow: hidden;
margin-bottom: 1px;


}
#botonesLateral a:hover { 
width: 140px;
background-position: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 10px 0px 10px #333;
-moz-box-shadow: 10px 0px 10px #333;
-box-shadow: 10px 0px 10px #333;

}
#botonesLateral a:active { 
width: 140px;
background-position: bottom;
}

#botonCartel {background: url(portafolio/botonCartel.png);}
#botonIdentidad {background: url(portafolio/botonIdentidad.png);}
#botonIlustra {background: url(portafolio/botonIlustra.png);}
#botonFoto {background: url(portafolio/botonFoto.png);}
#botonWeb {background: url(portafolio/botonWeb.png);}
#botonEditorial {background: url(portafolio/botonEditorial.png);}



#footer{
font-size: 10px;
color: #888;
width: 950px;
padding-left: 25px;
padding-top: 20px;
text-align: left;

}

#footer a{color:#999;}


#submenuAcerca{width: 240px; position: relative; float: left; z-index: 700;}

#submenuAcerca a {
display: block; width: 170px; height: 20px; 
padding: 5px 20px 5px 20px;;
background-color: #eee; 
margin: 5px 0 5px 0;
text-decoration: none; font-weight:bold;;
color: #555;
}

#submenuAcerca a:hover { background-color: #aaaa99;}
#submenuAcerca a:active { background-color: #aaaabb;}

#arte01, #arte02, #arte03, #arte04, #arte05, #arte06, #arte07, #arte08, #arte09, #arte10 {
position: absolute;
max-height: 600px;
width: 785px;
} 

.arteadentro{height: 580px; overflow: auto; display: block;}

.acercaTexto {width: 420px;
padding-left:380px;  padding-top:20px; height:450px; overflow:auto;}