body{
	width: 100%;
	margin: 0;
	padding: 0px;
	background:#C1C2C4;
}

/* ///////////////////////// HEADER ////////////////////////////////////////// */

div#header{
	margin: 0;
	width: 100%;
	padding: 0px;
	background: #FFFFFF;
}
div#cabezal{
	margin: 0;
	width: 100%;
	padding: 0px;
	height: 125px;
	background: #FFFFFF;
}

div#portaFlash{
	margin: 0;
	width: 100%;
	padding: 0;
}

/* ///////////////////////// CONTENT ////////////////////////////////////////// */

div#contentFondo{
	margin: auto;
	padding: 0;
	width: 100%;
	background:#E7E7E8;
	background-image:  url("imagenes/contentFondo.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	/*text-align:center;*/
}
#content{
	margin: auto;
	padding: 0;
	width: 800px;
}

.limpiar{
	clear:both;
}

/* //////////// IZQ /////////////// */

#contentIzq{
	float:left;
	padding:0;
	margin:0;
	width:330px;
	height:100%;
	background-image: url("imagenes/hojaSombraIzq.jpg");
	background-repeat: repeat-y;
	background-position: bottom right;
}
.portaFoto{
	margin:0;
	height:100%;
	background-image: url("imagenes/hojaSombraIzqPuntera.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
}
.destacadoSeccion{
	margin:0;
	padding: 25px;
	padding-bottom: 0;
	text-align:center;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align:left;
	line-height: 20px;
}

/* //////////// DER /////////////// */

#contentDer{
	float:right;
	margin: 0;
	padding: 0;
	width:470px;
	background: #FFFFFF;
	background-image:  url("imagenes/hojaSombraDer.jpg");
	background-repeat: repeat-y;
	background-position: top right;
}
.hoja{
	background-image:  url("imagenes/hojaGanchos.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}
.hojaContent{
	background-image:  url("imagenes/hojaSombraAbajo.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	
	padding-top:50px;
	padding-bottom:30px;
	padding-left:25px;
	padding-right:30px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-align:left;
	line-height: 20px;
}

.hojaContent A:LINK {color : #999999; text-decoration : none;}
.hojaContent A:VISITED {color : #999999; text-decoration : none;}
.hojaContent A:ACTIVE {color : #999999; text-decoration: none;}
.hojaContent A:HOVER {color : #FF8800; text-decoration : underline}

/* //////////// SOLA /////////////// */

#contentSola{
	float:auto;
	margin: 0;
	padding: 0;
	width:800px;
	background: #FFFFFF;
	background-image:  url("imagenes/hojaSombraDer.jpg");
	background-repeat: repeat-y;
	background-position: top right;
}
.hojaSola{
	background-image:  url("imagenes/hojaGanchos1col.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}
.hojaContentSola{
	background-image:  url("imagenes/hojaSombraAbajo1col.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	
	padding-top:50px;
	padding-bottom:30px;
	padding-left:25px;
	padding-right:30px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-align:left;
	line-height: 20px;
}

.hojaContentSola A:LINK {color : #999999; text-decoration : none;}
.hojaContentSola A:VISITED {color : #999999; text-decoration : none;}
.hojaContentSola A:ACTIVE {color : #999999; text-decoration: none;}
.hojaContentSola A:HOVER {color : #FF8800; text-decoration : underline}

/* ///////////////////////// textos ///////////////////////////////// */

.textoNar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF8800;
}
hr {
	height: 0;
	border: 0;
	margin:0;
	border-top: 1px solid #CCCCCC;
	border-style: dotted;
}
.titular {
	position:relative;
	height: 66px;
	width: 100%;
	background-image:  url("imagenes/hojaLogo.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 1px solid #E9E9E9;
}
.titular img{
	position: absolute;
    bottom: 0px;
}

/* ///////////////////////// Para formularios ///////////////////////////////// */

.combo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height:22px;
	padding-left: 3px;
	padding-right: 10px;
	padding-top:2pxs;
	border: solid #CCCCCC 1px;
}
.textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: solid #CCCCCC 1px;
	padding-left: 3px;
	padding-top:3px;
	padding-bottom:3px;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: solid #CCCCCC 1px;
	padding-left: 3px;
	padding-top:3px;
	padding-bottom:3px;
}

/* ///////////////////////// FOOTER ////////////////////////////////////////// */

div#footer{
	width:100%;
	height: 73px;
	margin: 0;
	padding: 0;
	background: #C1C2C4;
	background-image:  url("imagenes/pieFondo.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
.pie{
	width:812px;
	margin: 0;
	padding-top: 50px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.pieMenu {
	float: right;
	vertical-align: top;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.pieMenu A:LINK {color : #FFFFFF; text-decoration : none;}
.pieMenu A:VISITED {color : #FFFFFF; text-decoration : none;}
.pieMenu A:ACTIVE {color : #FFFFFF; text-decoration : none;}
.pieMenu A:HOVER {color : #FF8800; text-decoration : none;}

.pieCopy {
	float: left;
	vertical-align: top;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.pieCopy A:LINK {color : #FFFFFF; text-decoration : none;}
.pieCopy A:ACTIVE {color : #FFFFFF; text-decoration : none;}
.pieCopy A:VISITED {color : #FFFFFF; text-decoration : none;}
.pieCopy A:HOVER {color : #FF8800; text-decoration : underline;}