/*centrado vertical*/  
html, body { margin: 0pt; padding: 0pt;
height: 100%;
text-align: center;
background:#c3c1c2;
}
#marco {
margin: auto;
display: table;
width: 970px; /*unica modificacion*/
height: 100%;
text-align: left;
}
#contenedor {
margin: auto;
display: table-cell;
vertical-align: middle;
position: relative;
height: 100%;
}
#vertical_ie { width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
#texto {
display:inline-block;
vertical-align:middle;
}
/******************/

html{
	font-family: arial, sans-serif; 
	color:#616161;
}

.borrar{border: 1px aqua dotted}

h1{
	color:white;
	font-size:22px;
	font-family: "Times New Roman", serif;
	font-weight:normal; 
}

	h2 {
		font-size:13px;
		margin:3px 0;
		padding-left:16px;
		background:transparent url(cuadh2.gif) center left no-repeat;
		/*text-transform: uppercase*/
	}
	h3 {
		font-size:12px;
		font-weight:normal; 
		margin:5px 0 12px 0;
		padding-bottom:4px;
		border-bottom: 1px #656667 dotted;
	}
	p {
		margin:13px 0 11px 0;
		font-size:12px;
		line-height:15px;
		text-align:justify;
		text-indent: 18px;
	}
	
	h3 {
		font-size:11px;
		font-weight:bold; 
		text-decoration:none;
		color:  #656667;
	}
	
	#textos a {
		color:#555;
		
	}
	
	#textos table td {
		background:#ddd;
		color:#656667;
		font-size:11px;
		padding:4px; margin:4px;
	}
	
	.im_left img, .im_right img, .im_center img {
		background:#fff;
		border:3px #dfdfdf double;
	}
	
.im_center, .im_left, .im_right /*div imagenes de parrafo*/
{
	text-align:center; margin:0 auto;
	margin:1px 16px; 
}

.im_center
{
	margin-left:auto; margin-right:auto; 
}

.im_left
{
	float:left;
	margin-left:0px; 
}

.im_right
{
	float:right;
	margin-right:0px; 
}

	.im_center, .im_left, .im_right /*div imagenes de parrafo*/
{
	padding:0;
	width:160px;
}

.txtparr{
width:483px;
overflow:hidden;
	}

#cajagran{
	background:#c3c1c2 url(fondo.jpg) top center no-repeat;
	height:550px;
	padding:14px 21px 1px 21px ;

}

#principal{
	margin:0; padding:0;
	border: 1px white solid; /*no quitar, o salen mal las lineas en ff*/
}

#principal td{
	text-align: center;
	margin:0; padding:0;
	border: 0px transparent dotted;
}

#menu{
	width:800px;
	margin:0 30px;
	color:#d3d9dc;
	font-size:11px;
}

.letragr{
	font-size:13px;
	font-weight:normal;
}

.numsec{
	color:#93999b;
	font-size:10px;
}

.estasec{
	background:#5d6e77;
	padding:4px 11px;
}

#menu a{
	color:#d3d9dc;
	text-decoration:none;
}

.f1{
	height:92px;
}
.f2{
	height:359px;
}
.f3{
	height:32px;
}
.f4{
	height:38px;
}

#news{
	margin:0 30px;
	color:#fff;
	font-size:13px;
	text-align:left;
}
#news ul li a{
	color:#fff;
}
.pie{
	width: 640px;
	float:left;
	font-size:10px;
	color:#777;
	margin:17px 0 10px 0;
}
.powered{
	margin:12px 0 10px 0;
	width: 140px;
	float:right;
}

.fa,.fe{
	width:38px;
}
.fb{
	width:319px;
}
.fc{
	width:312px;
}
.fd{
	width:264px;
}


#utilidades li{
	display:inline;
}

#utilidades li a img{
	border:0; margin:0 5px;
}

.sin{
	margin:0;padding:0;text-decoration:none;border:0;
}
.sinborde{
	border:0;
}

input, select, textarea{
	border:1px #888 solid;
	color: #666;
	font-size:12px;
	line-height:12px;
	padding:1px;
	font-family: arial, sans-serif; 
}

.subtitparr{
	text-decoration:none;
	color: #666;
	font-size:13px;
	padding-left:7px;
}

.descargar, .ampliar, .enlace, .masinfo { 
	background-position: center left; background-repeat: no-repeat; 
	text-decoration:none; padding: 4px 5px 1px 23px;
	font-weight:bold; 
	  }
	  
.descargar { background-image:  url(http://www.websolution.com.es/MODELOS/comunimg/descargar.gif); }
.ampliar { background-image: url(http://www.websolution.com.es/MODELOS/comunimg/ampliar.gif);  }
.enlace { background-image: url(http://www.websolution.com.es/MODELOS/comunimg/enlace.gif); }
.masinfo { background-image: url(http://www.websolution.com.es/MODELOS/comunimg/masinfo.gif);  }

h1 { color: #fff;font-size:16px; }
.titsecpq { font-size:10px; }
h3, .titsec2, .txtparr, .pie { color: #333; }
h2, .titparr, .varparr, { color: #003366; }
.varmen:hover {color: #DCF5FF;}
.sec, .subsec, .varmen, .marqtit, .marqtxt { color: #FFF; font-size:12px; }	
.marqtit:hover, .marqtxt:hover { color: #FC3; }
td.colorb {background: #D8E0ED;}
.txtparr td {background: #F7F6F6;}
a img {border:0;}