/*
	CSS realizado por PixmatStudios
		www.pixmatstudios.com
	CSS realizado para Imprenta García
	Codificado por Demóstenes García
*/



/* 
	Reset CSS
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* 
	Formularios
 */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:57%;height:150px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

form#form-contacto label { float: left; width: 20%; }


/*
	Tipografias 
*/
body { font-size: 75%; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; color: #747474; }
p { font-size: 100%; margin-bottom: 10px; }
a:link, a:visited, a:active { color: #01488a; text-decoration: underline; }
a:hover { color: #0062bd; }
ul#menu { font-size: 110%; }
span.tit-exp { color: #686868; font-size: 130%; line-height: 120%; margin-bottom: 10px; }
div#footer { font-size: 90%; padding: 5px; color: #6f675c; }
div#footer a:link, div#footer a:visited, div#footer a:active { color: #6f675c; text-decoration: underline; }
div#footer a:hover { color: #403b35; }
div#menu-der { color: #e3e3e3; font-size: 90%; }
abbr { border-bottom: 1px dotted #bfb4a4; }


/*
	Diseño
*/
body { background: #bfb4a4 url(../images/bg.jpg) repeat-x; }
div.clear { clear: both; }
p.primer { margin-top: 10px; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
span.chico { font-size: 90%; display: block; color: #cbbfad; }
span.mapa-texto { font-size: 90%; }
legend {
	padding: 0 2px;
	font-weight: bold;
}

/* Header */
div#container { width: 940px; margin: 0px auto; }
div#logoSup { display: block; width: 100%; padding: 0; margin: 0; }
h1#logo { text-indent: -99999px; background: url(../images/logo.png) no-repeat; width: 728px; height: 150px; }
div#menuSup { width: 100%; height: 40px; background-image: url(../images/fondo-menu.gif); background-repeat: no-repeat; padding-left: 5px; }
ul#menu { list-style: none; color: #e2e2e2; line-height: 40px; }
ul#menu li { float: left; padding: 0px 10px; background-image: url(../images/sep-menu.jpg); background-repeat: no-repeat; background-position: top right; }
ul#menu a:link, ul#menu a:visited, ul#menu a:active { color: #e2e2e2; text-decoration: none; }
ul#menu a:hover { color: #f2f2f2; }
div#menu-izq { float: left; width: 80%; }
div#menu-der { float: right; width: 20%; line-height: 40px; }
span.linea-contacto { background: url(../images/telephone.png) no-repeat left; padding-left: 22px; }

/* Contenido */
div#imagenSuperior { width: 100%; height: 251px; }
div#imagenSuperior2 { width: 100%; height: 151px; }
div#contenido { background: #fff; }
div#centro { background: #fff url(../images/sombra-centro.jpg) repeat-x top; padding-bottom: 30px; }
div#izquierda { float: left; width: 60%; padding: 20px 0 0 20px; }
div#derecha { float: right; width: 30%; padding: 20px 0 0 20px; }
span.tit-exp { margin-bottom: 10px; }
span.tit-exp strong { background-color: #f2f6f9; font-weight: normal; color: #404040; }
ul.menu-medio { list-style: none; margin: 5px 25px; list-style-image: url(../images/img-lista.gif); }
ul.menu-derecha { list-style: none; margin: 5px 25px; list-style-image: url(../images/img-lista.gif); }

div.menu-derecha-tit { background: #ded2c0; width: 85%; padding: 5px; border-bottom: 2px solid #bfb4a4; }
h4.tit-menu { color: #67625a; font-size: 110%; font-weight: bold; }

div.menu-d-cont { width: 85%; margin-top: 5px; padding-bottom: 5px; border-bottom: 4px solid #f7f6f4;}
div.menu-d-1 { width: 30%; float: left; padding-top: 5px; }
div.menu-d-2 { width: 70%; float: right; }
ul#menu-contacto { list-style: none; margin: 5px 10px; }
li.telefono { background: url(../images/telephone.png) no-repeat; padding-left: 22px; line-height: 16px; margin-bottom: 5px; }
li.email { background: url(../images/email.png) no-repeat; padding-left: 22px; line-height: 16px; margin-bottom: 5px; }