/* Stylesheet de Pintores Expertos */

* { padding: 0; margin: 0; }
body { color: white; /* Color de la fuente */
background-color: #2e2e2e; /* Color de fondo */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
background-image: url(imagenes/fond.gif);
}

#wrapper { color: #000000; background-color: white; width: 770px;
margin: auto;
}

#wrapper a { text-decoration: none; color: #084a8e;
}

#wrapper a:hover { text-decoration: underline; color: #ff3333;
}

#encabezado { position: relative; color: #ffffff; background-color: #03203e; padding-top: 12px;
padding-right: 20px; padding-bottom: 10px;
padding-left: 20px; background-image: url(imagenes/fondocabecera.gif); height: 115px;
}

.logodominio { position: relative; padding-bottom: 15px; padding-left: 35px;
}

#menu { position: relative; background-color: #03203e; margin-left: 2px; background-image: url(imagenes/fondomenu.gif); height: 58px;
}

#navegacion { color: #ffffff; padding: 17px;
}

#navegacion a { text-decoration: none; color: #ffffff; padding-top: 14px; padding-right: 15px; padding-bottom: 17px;
padding-left: 15px;
}

#navegacion a:hover { text-decoration: underline; color: #FFD801; background-color: #2e2e2e;
}

#areaprincipal { color: #333355; float: left; width: 520px; margin-top: 25px; margin-left: 25px; margin-bottom: 25px;
font-size: 13px; }

#areaderecha { color: #555555; float: right; width: 180px; height: 250px; margin-top: 70px; padding-left: 10px; margin-right: 10px; border-left: 1px dashed #adadad;
}

.imgizda { float: left; margin-right: 10px;
}

.imgazul { float: left; margin-right: 12px;
}

.imgizdaficha { float: left; margin-right: 10px; border: solid 1px #aaaaaa; border-right: solid 2px #aaaaaa; border-bottom: solid 2px #aaaaaa;
}

#caja1 { float: left; position: relative; background-color: #f7f7ff; width: 201px; height: 146px; margin-top: 20px; margin-left: 40px; background-image: url(imagenes/caja.gif);
}

#caja2 { float: right; position: relative; background-color: #f7f7ff; width: 201px; height: 146px; margin-top: 20px; background-image: url(imagenes/caja.gif);
}

#caja3 { float: left; position: relative; background-color: #f7f7ff; width: 201px; height: 146px; margin-top: 50px; margin-left: 185px; background-image: url(imagenes/caja.gif);
}

.imgcaja { float: left; border: solid 1px #aaaaaa; border-right: solid 2px #aaaaaa; border-bottom: solid 2px #aaaaaa; margin-right: 15px; margin-bottom: 10px;
}

.imgtitulo { float: right; padding-top: 25px; padding-right: 20px; padding-bottom: 14px; margin-bottom: 10px;
}

.textocaja { position: relative; padding-top: 15px;
}

p { padding-bottom: 10px;
}

.textocaja a { text-decoration: none; color: #084a8e;
}

.textocaja a:hover { text-decoration: underline; color: #ff3333;
}

#pie { clear: both; padding: 20px; padding-top: 10px; border-top: 1px solid #8c8c8c; margin-top: 20px;
}

h1 { font-size: 200%; color: #084a8e; padding-top:5px; padding-bottom:40px;}
h2 { font-size: 130%; color: #084a8e; padding-bottom:15px;}
h3 { font-size: 110%; color: #ff3333; padding-bottom:15px;}

marquee { font-size: 105%; color: #084a8e; background-color: #ffffff; border: 1px solid #084a8e;}

.fuenteroja { color: #0000af;
}

#tabla { position: relative; padding-top: 35px;
}

#celdalateral { height: 200px;
}

#celdasuperior { height: 13px;
}

#lista { position: relative; padding-left: 20px; color: #ffffff;
}

#lista ul {
	list-style: square;
	margin: 6px 0px 6px 10px;
}

#lista li {
	padding: 2px 0px 15px 16px;
}

#listarep { position: relative; padding-left: 20px;
}

#listarep ul {
	margin: 6px 0px 6px 10px;
}

#listarep li {
	padding: 2px 0px 15px 16px;
}


address { text-align: center; font-size: 80%;
font-style: normal; /* Fuente normal, no cursiva */
letter-spacing: 2px; /* Distancia entre las letras */
line-height: 1.5em; /* Distancia entre las lineas */
}

/* Para página Servicios */


#cuerposervicios { position: relative; padding-left: 60px;
}

/* Para recuadros a color */

#recuadro { background-color: #04477a; position: relative; padding: 20px; margin-top: 20px; border-right: solid 2px #000000; border-bottom: solid 2px #000000;
}

/* Para Fotos */

#fichafoto { background-color: #ffffff; position: relative; padding: 30px; padding-top: 15px; padding-left: 15px; padding-right: 15px; margin-top: 20px; border: solid 1px #aaaaaa; border-right: solid 2px #aaaaaa; border-bottom: solid 2px #aaaaaa;
}

.fotoA { float: left; border: solid 1px #444444; border-right: solid 3px #444444; border-bottom: solid 3px #444444; margin-right: 13px; margin-bottom: 10px;
}

.fotoB { float: right; border: solid 1px #444444; border-right: solid 3px #444444; border-bottom: solid 3px #444444; margin-bottom: 10px;
}