/* CSS Document */

/*

Site: MedioTono, Soluciones Gráficas
URL: http://www.mediotono.es
Author: Mar San Alberto, Imagina On Line, sl
Version: 1.0
Date: 10-11-2007

*/

/* Elementos de distribución de contenido */

body
{	background-color: #FFFFFF;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.2em;
	color: #cbcbcb;
	padding: 0;
	margin: 0;
}

#fondo { width: 100%; height: 700px; margin: 0; padding: 0; background-image: url(images/cabecera.jpg); background-repeat: no-repeat; background-position: top left; display: table; }
#contenedor { width: 900px; height: 100%; margin: 0 auto; padding: 0; text-align: center; display: table; }
#caja {	width: 780px; margin-top: 10px; padding: 20px 0px 20px 20px; border: 1px solid #cbd1c0;	text-align: left; display: table; }
#contenedorflash {	margin: 0px 20px 0px 0px; padding: 0; }
#pie { width: 800px; position: relative; padding-top: 20px; text-align: left; clear: both; }

/*  Menu superior   */

#globalmenu { width: 800px; margin-top: 80px; padding-bottom: .55em; _padding-bottom: .7em; text-align: right; position: static; }
#globalmenu ul { margin-left: 0; padding-left: 0; display: inline; }
#globalmenu ul li {	margin-left: 0; padding-right: 23px; list-style: none; display: inline; }
#globalmenuul li.last {	margin-left: 0; margin-right: 0; padding: 0; list-style: none; display: inline; }
#globalmenu ul li a { color: #244620; padding-bottom: 5px; text-decoration: none; font-size: .65em; letter-spacing: 1px; }
#globalmenu ul li a:hover {	color: #d43b3b; padding-bottom: 5px; text-decoration: none; }
#globalmenu ul li a.selected { color: #244620; padding-bottom: 5px; text-decoration: none; border-bottom: 1px solid #d43b3b; }


/* elementos index */

#contenidoindex { width: 255px; float: left; padding-right: 10px; padding-top: 10px; }
#contenidoindex p {	font-size: 0.75em; text-align: justify; }
#contenidoindex img { float: left; margin: 15px 10px 20px 0; }
#menussecundarios {	width: 490px; float: right; padding-right: 10px; padding-top: 34px; margin-bottom: 12px; }
#menussecundarios ul { margin-bottom: 10px; margin-left: 0; padding-left: 0; padding-bottom: 10px; display: inline; }
#menussecundarios ul li { margin-left: 0; padding-right: 10px; list-style: none; display: inline; }
#menussecundarios ul li a {	color: #FFFFFF; text-decoration: none; }
#menussecundarios ul li a:hover { color: #FFF; text-decoration: none; }
#menussecundarios ul li p { padding: 0px; width: 150px; }
			
			
/* elementos paginas servicios */

#menuservicios { width: 180px; float: left; padding: 30px 0px 0px 0px; font-family: "Trebuchet MS", Arial; text-align: left; line-height: 1.2em; font-weight: bolder; }
#menuservicios ul {	margin-bottom: 0px; margin-left:30px; padding-left: 0; }			
#menuservicios ul li { color: #4a543d; list-style: none; font-size: .8em; letter-spacing: 0.2em; text-decoration: none; }			
#menuservicios ul li a { color: #4a543d; font-size: .8em; text-decoration: none; padding-left: 18px; background: #FFF url(images/menu.gif) no-repeat left center; }
#menuservicios ul li a:hover { text-decoration: none; background: #FFF url(images/titulo_menu.gif) no-repeat left center; color: #77a80f; }
#menuservicios ul li a.selected { text-decoration: none; background: #FFF url(images/menu_sel.gif) no-repeat left center; color: #afbaa0; }

#contenidoservicios { width: 500px; float: right; margin: 30px 20px 12px 0; padding: 20px; font-family: "Trebuchet MS", Arial; font-size: .75em; line-height: 1.8em; text-align: justify; background-color: #f8f8f8; border: 1px solid #eceee8; text-align: left; }
#contenidoservicios img { float: left; margin: 0px 20px 25px 0; }
#contenidoservicios img.galeria { float: left; margin: 0px 20px 5px 0; }
#contenidoservicios img.boton { float: left; margin: 0px 30px 5px 0; }
#contenidoservicios .resaltado { color: #43544B; }
#contenidoservicios p { font-size: .98em; }
#contenidoservicios p.aparte{ font-size: .98em; clear: left; }
#contenidoservicios h2 { font-size: 1.2em; clear: left; }
#contenidoservicios p.novedades { padding-left: 18px; }
#contenidoservicios a { text-decoration: none; color: #43544B; font-size: 0.9em; letter-spacing: 0.1em; font-weight: bolder}
#contenidoservicios a:hover {text-decoration: none; color: #77a80f; font-size: 0.9em; letter-spacing: 0.1em; font-weight: bolder }
#contenidoservicios ul { margin: 0.6em 0em 1em 3.2em; padding-left: 0; line-height: 1.2em; text-align: justify; color: #5a7065; list-style-position: inherit; }
#contenidoservicios ul li { list-style-image: url(images/lista1.gif); padding-bottom: 0.3em; }
#contenidoservicios ul ul { margin-left: 1.8em;}
#contenidoservicios ul ul li { list-style-image: url(images/lista2.gif); }
#contenidoservicios ul ul ul{ margin-left: 1.8em;}
#contenidoservicios ul ul ul li { list-style-image: url(images/lista3.gif); }

/* elementos paginas contenidos */

#contenido
{	width: 380px;
	float: right;
	margin: 30px 20px 12px 0;
	padding: 20px;
	font-family: "Trebuchet MS", Arial;
	font-size: 0.75em;
	color: #666666; 	
	line-height: 1.8em;
	background-color: #f8f8f8;
	border: 1px solid #eceee8; 	
	text-align: left;
}
#contenido img { float: right; margin: 0px 0px 10px 10px; }
#contenido p { font-family: "Trebuchet MS", Arial; font-size: 1em; }
#fotocontenidos { width: 310px; float: left; margin: 30px 20px 12px 0; }
#localiza { width: 720px; margin: 30px 20px 12px 0; padding: 20px; font-family: "Trebuchet MS", Arial; font-size: 0.75em; color: #666666; line-height: 1.8em; background-color: #f8f8f8; border: 1px solid #eceee8; text-align: center; }
#map { width: 700px; height: 350px; float: none; margin: 0px 0px 0px 10px; }

/* formularios */

#contenidoform { width: 720px; margin: 30px 20px 12px 0; padding: 20px; font-family: "Trebuchet MS", Arial; font-size: 0.75em; color: #666666; line-height: 1.8em; background-color: #f8f8f8; border: 1px solid #eceee8; text-align: left; }
#contactform { width: 500px; margin: 30px; padding: 20px; border: 1px solid #eceee8; text-align: center; }

fieldset {border: 1px solid #eceee8; background-color: #fff; padding: 20px; }
legend {font-family: "Trebuchet MS", Arial; font-size: 1.2em; line-height: 1.8em; color: #77a80f; font-weight: bolder; }
div label { width: 20%; float: left; margin: .5em 0 0 0; display: block; clear: left; color: #999999; }
input {margin: 5px; font-family: "Trebuchet MS", Arial; font-size: 1em;  color: #333 }
textarea {margin: 5px; font-family: "Trebuchet MS", Arial; font-size: 1em;  color: #333 }
input:focus { border: 2px solid #333; background: #F3F3F3; }
textarea:focus { border: 2px solid #333; background: #F3F3F3; }
div.texto { color: #999999; }
p.ayuda { display: inline; color: #999; font-variant:small-caps; font-size: .9em; }
.pareados { display: inline; float: left; width: 45%; }
.btn { display: block; margin: 1em 0; font-family: "Trebuchet MS", Arial; font-size: 1em; color: #555555; }
.cuadro {border: 1px solid #cbcbcb;}

/* galeria */

#contenidogaleria { width: 720px; margin: 30px 20px 12px 0; padding: 20px; font-family: "Trebuchet MS", Arial; font-size: 0.75em; color: #666666; line-height: 1.8em; background-color: #ffffff; border: 1px solid #eceee8; text-align: left; clear: both;}
#menuserviciosgaleria { width: 720px; float: left; padding: 0px 0px 0px 0px; font-family: "Trebuchet MS", Arial; text-align: left; line-height: 1.2em; font-weight: bolder; }
#menuserviciosgaleria ul {	margin-bottom: 0px; margin-left:100px; padding-left: 0; float:center; }			
#menuserviciosgaleria ul li { color: #4a543d; list-style: none; font-size: .8em; letter-spacing: 0.2em; text-decoration: none; display: inline; }			
#menuserviciosgaleria ul li a { color: #4a543d; font-size: .8em; text-decoration: none; padding-left: 18px; background: #FFF url(images/menu.gif) no-repeat left center; }
#menuserviciosgaleria ul li a:hover { text-decoration: none; background: #FFF url(images/titulo_menu.gif) no-repeat left center; color: #77a80f; }
#menuserviciosgaleria ul li a.selected { text-decoration: none; background: #FFF url(images/menu_sel.gif) no-repeat left center; color: #afbaa0; }

/* elementos comunes */
/* css clases */

.dropshadow { float:left; clear:left; background: url(imagenes/shadowAlpha.png) no-repeat bottom right !important; background: url(imagenes/shadow.gif) no-repeat bottom right; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; padding: 0px; }
.textopie {	font: 10px Arial, Helvetica, sans-serif; color: #949494; }
.textopie a { color: #77A80F; text-decoration: none; font-weight: bold}
.textopie a:hover {	color: #FFC46A; text-decoration: none; font-weight: bold}
.bordeimagen { padding-bottom: 20px; }
.titulomenuservicios { font-size: 1.1em; padding-left: 18px; background: #FFF url(images/titulo_menu.gif) no-repeat left center; color: #77a80f; text-transform: uppercase; letter-spacing: 0.4em; }


/* css etiquetas */

h1 { font-family: "Trebuchet MS", Arial; font-size: 1.1em; letter-spacing: 0.3em; color: #77a80f; line-height: 18px; font-weight: bolder; padding-top: 18px; padding-bottom: 10px; margin: 0; }
h2 { font-family: "Trebuchet MS", Arial; font-size: 1em; color: #5a7065; padding-left: 18px; background: url(images/img_h2.gif) no-repeat left center; font-weight: bold; }
p {	font-family: "Trebuchet MS", Arial; font-size: .8em; line-height: 1.2em; text-align: justify; margin: 5px 0 10px 0; color: #5A7065; }
img { border: none; }