@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-top:10px; padding-bottom:10px;}
.info h4 { font-weight:normal; font-style:italic; color:#666 ; line-height:34px; 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; color:#06C;}
.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:#06C; font-weight:normal;}
.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;}

.clientes { padding-top:40px;}
.clientes h1 { margin-left:20px;}

.destacado { background-color:#F8F8F8; margin-left:20px; margin-right:25px; border:1px dashed #CCC; margin-bottom:20px;}
.destacado h1 { margin-top:20px; margin-bottom:10px;}
.destacado h2 { margin-left:20px; font-size:18px; font-weight:normal; font-style:italic;}


.social { text-align:left; margin-top:8px; padding-left:20px;}
.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:620px 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;
}

.links { text-align:right; margin-top:8px; border-right:1px dashed #CCC; padding-right:10px;}

.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 { background-image:url(imgs/fecha.jpg); background-repeat:no-repeat; background-position:right; font-style:normal; height:49px; width:44px;}
.fecha h2 {font-family:Arial, Helvetica, sans-serif;font-style:normal;padding-left:33px;font-size:11px;font-weight: bold; color:#FFF; padding-top:1px;}
.fecha h3 {font-family:Arial, Helvetica, sans-serif;font-style:normal;padding-left:32px;font-size:20px;font-weight: bold; color:#666; padding-top:8px;}
.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 { }

.admin { padding-top:15px; padding-bottom:5px;}
.admin h1 { font-size:18px; font-weight:normal; font-style:normal; color:#777; margin-left:20px;}
.campoadmin { margin-left:5px; margin-right:20px; color:#036; width:150px;}
.campoadmin2 { margin-left:5px; margin-right:10px; color:#036; width:235px;}

.campoadmingrande {margin-right:20px; margin-top:10px; color:#036; width:685px; height:300px;}
.separador { border-bottom:1px #CCC dashed; margin-left:20px; margin-right:40px; 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;}

/* 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;
		}