@charset "utf-8";
/* CSS Document */
.top { height:300px;}
.top2 { height:150px;}
.menu { height:35px; background-color:#000;}
.espacio { height:20px;}
.info { padding:20px;}
.info h1 { font-weight:normal; font-style:italic; color:#333 ; font-size:24px; line-height:34px; border-bottom:1px dashed #CCC; padding-bottom:12px;}
.info h3 { font-weight:normal; font-style:italic; color:#333 ; line-height:34px; border-bottom:1px dashed #CCC; padding-bottom:15px;}
.tam1 {font-size:21px}
.tam2 {font-size:25px}
.tam3 {font-size:33px}
.info h2 { font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:13px;line-height:25px; padding-top:12px;color:#666;}
.info a {color:#666; text-decoration:none;}
.info a:hover { color:#FFF; background-color:#036;}

.subinfo h1 { font-weight:normal; font-style:italic; color:#333 ; font-size:24px; line-height:34px; border-bottom:1px dashed #CCC; padding-bottom:15px;}
.subinfo h3 { font-weight:normal; font-style:italic; color:#333 ; line-height:34px; border-bottom:1px dashed #CCC; padding-bottom:15px;}
.subinfo img { margin-left:auto; margin-right:auto;}
.subinfo h2 { padding-left:15px;font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:13px;line-height:25px;color:#666;}
.subinfo h3 { padding-left:15px;font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px;line-height:25px;color:#666;}
.subinfo a {color:#666; text-decoration:none;}
.subinfo a:hover { color:#FFF; background-color:#036;}

.noticias { margin-top:15px; background-color:#F8F8F8;  padding:20px; border:1px dashed #CCC; margin-bottom:20px;}
.bloque { margin-top:15px; background-color:#F8F8F8;  padding:20px; border:1px dashed #CCC; margin-bottom:20px; }
.bloque:hover { background-color:#F0F0F0;}
.bloque2 { background-color:#F8F8F8; border:1px dashed #CCC; margin-bottom:20px;}
.bloque2 img { margin-top:10px; margin-bottom:10px;}
.izq {margin-left:20px;}
.der {margin-right:20px;}
.titulo {}
.titulo h1 { padding-bottom:4px; font-weight:normal; font-style:italic; font-size:24px; color:#333; margin-bottom:10px; background-image:url(imgs/linea.gif); background-repeat:no-repeat; background-position:-3px 28px; padding-bottom:15px;}
.nota { padding-top:10px; font-family:Arial, Helvetica, sans-serif;}
.nota h1 { font-size:13px; padding-top:5px; padding-bottom:5px; font-weight:normal;}
.sep { margin-top:8px; margin-bottom:8px;}
.nota h2 { font-weight:normal;font-size:10px; color:#666;}
.nota p { font-size:11px; line-height:17px; color:#333; padding-bottom:10px; border-bottom:1px #EEE solid; text-align:justify;}
.nota a { text-decoration:none; color:#333; font-weight:bold;}
.nota a:hover {color:#FFF; background-color:#036; text-decoration:none;}

.post { padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
.post h1 { font-weight:normal; font-size:11px; color:#333; padding-top:5px; padding-bottom:5px; padding-bottom:10px; border-bottom:1px #EEE solid; line-height:17px;}
.post a { text-decoration:none;color:#333; font-size:13px;}
.post a:hover { color:#FFF; background-color:#036;}



.foot { margin-top:10px; margin-bottom:20px; padding-top:20px; padding-left:20px; padding-bottom:63px; background-image:url(imgs/avanti.gif); background-repeat:no-repeat; background-position:500px 15px;}
.foot h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #222;
	font-weight: bold;
}
.foot h2 {
	margin-top:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
	padding-bottom:4px;
	border-bottom:1px #CCC dotted;
	}
	
.foot h3 {
	margin:0;
	margin-top:7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	}

.foot a {
	text-decoration: none;
}

.foot a:hover {
	color: #000;
}

.servicio { padding-top:10px; font-family:Arial, Helvetica, sans-serif;}
.servicio h1 { font-weight:normal; font-size:13px; padding-top:5px; padding-bottom:5px; line-height:18px;}
.servicio h2 { font-weight:normal;font-size:14px; line-height:17px;}
.servicio p { font-size:12px; line-height:17px; color:#333; padding-bottom:10px; text-align:justify;}
.servicio a { text-decoration:none; color:#333; font-weight:bold;}
.servicio a:hover {color:#FFF; background-color:#036; text-decoration:none;}

.titulo { padding-bottom:20px; font-weight:normal; font-style:italic; font-size:24px; color:#333;  }
.titulolila {background-image:url(imgs/linealila.gif);background-repeat:no-repeat; background-position:-3px 28px; }
.titulonaranja {background-image:url(imgs/lineanaranja.gif);background-repeat:no-repeat; background-position:-3px 28px;}
.titulocian {background-image:url(imgs/linea.gif);background-repeat:no-repeat; background-position:-3px 28px;}
.tituloverde {background-image:url(imgs/lineaverde.gif);background-repeat:no-repeat; background-position:-3px 28px;}
.titulorojo {background-image:url(imgs/linearojo.gif);background-repeat:no-repeat; background-position:-3px 28px;}

.formulario { font-family:Arial, Helvetica, sans-serif;}
.formulario h1 { margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:normal; color:#333;}
.formulario h2 {margin-top:10px; margin-bottom:10px; font-size:10px; font-weight:normal; color:#999;}
.formulario_boton { font-size:14px; padding: 5px; padding-left:15px; padding-right: 15px; background:#036; color:#CCC; border:#CCC 1px solid;}
.formulario_boton:hover { background-color:#CCC; color:#036; border:1px solid #036;}
.formulario_campo { color:#036; width:270px; border:1px #CCC solid; padding:4px;}
.formulario_campo:hover { border:1px #036 solid;}


.negro {color:#666;}
.negro:hover { text-decoration:underline;}
.naranja { color:#C60;}
.lila { color:#909;}
.cian { color:#036;}
.verde { color:#060;}
.rojo { color:#900;}

.notablog {padding-bottom:20px; padding-top:20px;}
.blog { background-image:url(imgs/bgblog.gif);}
.fecha {text-align:right; height:49px; width:44px;}
.blog h1 {font-weight:normal; font-style:italic; font-size:22px; color:#333 ; padding-bottom:3px; border-bottom:1px dashed #CCCCCC;}
.categoria { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px; color:#666666;}
.categoria strong {color:#333; font-weight:normal;}
.comentario { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px; color:#666666; text-align:right;}
.comentario a { color:#666666; text-decoration:none;}
.comentario a:hover { color:#036}
.texto { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666666; padding-top:10px; text-align:justify;}
.texto p { margin-left:25px;}

.block { padding-left:25px;padding-right:15px; padding-top:15px; padding-bottom:10px;}
.blocktop {background-image:url(imgs/blogtop.jpg); height:23px; width:170px; padding-top:7px; margin-bottom:5px; padding-left:7px;}
.blockbot {width:177px; border-bottom:1px #036 solid; margin-top:5px;}
.block h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size:15px; color:#FFF; padding-bottom:5px; border:none;} 
.block h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:11px; line-height:14px; text-align:justify; color:#666666 ; padding-bottom:10px; padding-top:10px; }
.block h3 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:12px; line-height:18px; text-align:left; color:#666666 ; padding-bottom:10px; padding-top:10px; padding-left:5px; padding-right:5px; }
.block h3 a {color:#666666; text-decoration:none;}
.block h3 a:hover {color:#036;}

.block p {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:11px; line-height:14px; text-align:justify; color:#666666 ; padding-bottom:5px; padding-top:5px; padding-left:5px; padding-right:5px;}
.block p a {color:#666666; text-decoration:none;}
.block p a:hover {color:#036; text-decoration:underline;}
.campo {color:#036; width:90px; height:17px; border:1px #CCC solid; margin-right:10px;}
.boton { background-color:#036; color:#FFF; height:20px; border:none; color:#CCC;}
.boton:hover { background-color:#CCC; border:1px #036 solid; color:#036;}

.contenidoadmin { padding-top:5px;}

.admin { padding-bottom:5px;}
.admin h1 { font-size:18px; font-weight:normal; font-style:normal; color:#777; margin-left:20px;}
.admin h2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#777; margin-left:20px;}
.admin h3 { font-size:18px; font-weight:normal; font-style:normal; color:#036; margin-left:20px; padding-top:25px;}
.campoadmin { margin-left:5px; margin-right:20px; color:#036; width:150px;}
.campoadmin2 { margin-left:5px; margin-right:10px; color:#036; width:235px;}
.campoadmin3 { margin-left:5px; margin-right:20px; color:#036; width:100px;}

.campoadmingrande {margin-right:20px; margin-top:10px; color:#036; width:750px; height:400px;}
.separador { border-bottom:1px #CCC dashed; margin-left:20px; margin-right:40px; margin-bottom:10px; padding-top:10px;}
.separador2 { border-left:1px #999 solid; margin-left:5px; margin-right:7px; width:1px; height:20px;}
.botonera { padding-left:20px; padding-top:10px;} 
.btn { font-weight:bold;}
.bti { font-style:italic;}
.bts { text-decoration:underline;}

.menuadmin {font-family:Arial, Helvetica, sans-serif; background-color:#036; font-size:14px; padding-top:3px; margin-bottom:10px; border-bottom:1px #036 solid;}
.menuadmin ul { padding-left:20px;}
.menuadmin li { display:inline; float:left;filter:; margin-right:15px; text-align:center; padding-top:5px; height:20px;}

.menuadmin a {text-align:center;font-weight:normal;text-decoration:none;display:inline; padding-top:3px; padding-right:15px;width:auto;height:20px;color:#FFF;}
.menuadmin a:hover , .menuactive {color: #CCC;}

body {background-color:#036;}

.container { margin-top:200px; height:298px; background-image:url(imgs/bgpan.gif)}
.marcas {height:300px; background-image:url(imgs/marca.gif); background-repeat:no-repeat;}
.zonaform {height:298px; background-image:url(imgs/barrita.gif); background-repeat:no-repeat; background-position:20px;}
.form {margin-left:50px;margin-top:65px;font-family: Arial, Helvetica, sans-serif;}
.form h1 {padding-bottom:10px; margin-bottom:10px; color: #036; border-bottom-style:dotted; border-bottom-color:#999; border-bottom-width:1px;}
.form h2 { margin-top:15px; margin-bottom:4px; font-weight: normal; color:#333 ; font-size:12px;}
.campo { background-color:#FFF;	margin-left:10px; border:none; color:#036; padding-left:5px;}
.form h2 a { text-decoration:none; font-size:10px; color:#036; font-style:italic;}
.form h2 a:hover {color:#333;}
.form h2 a:active {color:#000;}


/* coso q se despliega */

		.trigger{
			cursor:pointer;
		}		
		.trigger:hover{
			cursor:pointer;

		}		
		.expanded{

			cursor:pointer;
		}
		.expanded:hover{

			cursor:pointer;
		}
		.show{
     position:static;
     display: table;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}