/* reset tags */
div, ul, ol, li, span, p, img, a, object, embed, form, h1, h2, h3, h4, input, select, optgroup
{
	margin: 0px;
	padding: 0px;
	border: 0px;	
	border-collapse: collapse;

}

body {
	text-algin: center;
	margin: 0px;
	background-image: url(../images/fondo.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
}

li a
{
	color: #333;
	text-decoration: none;
}

li a:hover
{
	color: #ff3366;
}

#contenedor
{
	/*background-color:#f7f7f7;*/
	width: 772px;
	margin: auto;
	
}

#contenedor #cabecera
{

	width: 772px;
	height: 229px;
	background-image: url(../images/cab.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.cab
{
	width: 772px;
}

#contenedor #cabecera .sup
{
	width: 772px;
	padding-top: 8px;
	height: 30px;
}

.nam
{
	background-color: #fff;
	width: 100px;
	margin-top: 110px;
	padding-left: 14px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	padding-right: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.cat
{
	color: #15123D;
	font-size: 10px;
}

#contenedor #cabecera h1{
	margin-top: 80px;
	float: left;
	margin-left: 180px;
	letter-spacing:-1px;
	font-weight: normal;
	font-size: 30px !important;
	font-family: Georgia;
	color: #000;

}

.imagen_sup
{
	float: left;
	width: 200px;
	padding-top: 200px;
	position: absolute;
	top: -2px;
	height: 60px;
	background-image: url(../images/pablo.png);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

#contenedor #cabecera h1 span
{
	line-height: 35px;
	display: block;
}

div.date{
	font-size: 15px;
	color: #999;
	font-weight: bold;
	margin-left: 210px;
	margin-top: 10px;
}

ul.menutop
{
	margin-top: 11px;
	margin-left: 280px;
}

ul.menutop li
{
	float: left;
	list-style-type:none; 
	margin-right: 5px;
	padding-right: 5px;
	font-size: 10px;
	border-right: 1px solid #ccc;
	
}

ul.menutop li a
{
	color: #ccc !important;
}

ul.menutop li a:hover
{
	/*background-color: #CC0000 ;*/
	padding-top: 10px;
	padding-bottom: 14px;
	color: #D2BCE9 !important;
}


#cuerpo
{
	padding-top: 16px;
}

.menu
{

	float: left;
	width: 197px;
	padding-top: 13px;
	padding-left: 20px;
}

.menu li
{
	float: left;
	list-style-type:none; 
	margin-right: 5px;
	width: 167px;
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 4px;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	
}

.menu li a
{
	color: #666 !important;
	padding-left: 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../images/menu.jpg);
	background-position: 0 65%;
	background-repeat: no-repeat;
}

.menu li a:hover
{
	color: #330066 !important;
}

.signo
{
	float: left;
	width: 81px;
	height: 57px;
	background-image: url(../images/fondo_signo.jpg);
	background-repeat: no-repeat;
	padding: 6px;
}

.signo img
{
	margin-left: 10px;
	margin-top: 5px;
}

.abajo_total
{
	margin-left: 30px;
}



.sup1 li
{
	float: left;
	list-style-type:none; 
	margin-right: 5px;
	padding-right: 5px;
	margin-top: 2px;
}

.sup1 li a{
	color: #666 !important;
	background-image: url(../images/flecha.jpg);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.sup1 li a:hover{
	color: #000 !important;
	}

.bloque1
{
	width: 522px;
	padding: 15px;
	float: left;
	color: #000;
}

.bloque1 h2{
	font-family: Georgia;
}


.bloque1 h2 span.genera
{
	
	font-size: 21px;
	font-weight: bold;
	color: #336633;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.bloque1 h4{

	font-family: Georgia;
}

.bloque1 h4 span.genera
{
	
	font-size: 13px !important;
	font-weight: bold;
	color: #336633;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.bloque1 p
{
	float: left;
}

.bloque1 strong.importante
{
	color: #AC8F03;
}

.banner1
{
	float: left;
	/*margin-right: 20px;*/
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 30px;
}

.sup1
{
	width: 532px;
	height:30px;
	padding-left: 20px;
	float: right;
	text-align: right;
	
}

.banner2
{
	float: left;
	margin-left: 238px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nofondo
{
	background-image: none;
	float: right;
	width: 522px;
}

.cuadro
{
	border: 1px solid #ccc;
	padding: 10px;
	color: #000;
	float: left;
}

/*** histórico ***/

.hist
{
	float: left;
	width: 450px;
	background-color: #fff;
	display: block;
	padding-top: 4px;
	text-decoration:none;
	color: #333333;
	margin-bottom: 3px;
	padding-bottom: 7px;
	padding-right: 30px;
	margin-right: 10px;
	padding-left: 18px;
	background-image: url(../images/bmenu.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	float: left;
}

.hist img
{
	margin-right: 10px;
}

h2 span
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

p.lista
{
	width: 290px;
}
.hist:hover
{

color: #fff;
background-color: #330066;
}

.hist:hover span{
	color: #AC8F03;
}

a.hist span
{
	color: #15123D;
}


p.nav
{
	float: left;
	width: 310px;
	margin-top: 20px;
}

.nav a{
	float: left;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.nav a:hover
{
	color: #333;
}

.nav .anterior
{
	float: right;
	padding-right: 16px;
}

/*** Contacto ***/
.rojito
{
	color: #990099;
	float: none !important;
}

#contacto
{
	float: left;
	width:400px;
	color:  #666;
}

#contacto input, textarea
{
	width:250px;
	border: 1px solid #ccc;
	float: left;
	margin-left: 4px;
}

#contacto div
{
	float: left;
	margin-bottom: 4px;
}

#contacto span
{
	float: left;
	text-align: right;
	width: 80px;
}

#contacto label
{
	float: left;
	width: 80px;
	text-align: right;
}

.sends
{
	width: 100px !important;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 184px !important;
	margin-top: 20px;

}

.resultado_contacto
{
	color:  #990099;
}

#result
{
	float: left;
	width: 260px;
	color: #336633;
	margin-left: 20px;
	margin-top: 10px;
}
/*** tags ***/
.tags {
	clear:both;}
.tags a {
	font-size:10px;
	text-decoration:none;
	color:#666;
}
.tags a:hover {
		color:#069;
		text-decoration:underline;}
		
.pags {
			padding:4px;
			text-align:right;
			clear:both;
			margin:1px;
			}
.pags a{
	display:inline;
	background-color:#096;
	padding:4px 18px;
	color:#FFF;
	margin:1px 8px;
			}
.pags a:hover {
	background-color:#C63;
	color:#FFF;
			}
hr{
		
			height:0px;/*solo queremos borde*/
			text-align:left;
			border-top:0px;/*quita el grosor extra de Opera y FFox*/
			border-bottom:#666 solid 1px;
			margin:1px;
}
/*** estilos editor ***/
.destacado {
	border-bottom:1px solid #BB1A1F;
	color:#BB1A1F;
	display:block;
	font-family:Arial,Verdana,Sans-Serif;
	font-size:15px;
	font-weight:bold;
	margin:4px 0 4px 4px;
	padding-bottom:5px;
	padding-top:5px;
	width:99%;
}
blockquote.quotation {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/comillas.png) no-repeat scroll 0 0;
	border:medium none;
	margin:10px 0;
	padding:10px 35px;
	text-align:justify;
}
blockquote.quotation p {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/comillas-fin.png) no-repeat scroll 100% 100%;
	margin:0 -35px -10px 0;
	padding:0 35px 10px 0;
}
div.info, span.info {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#F4F5F6 url(../images/info.png) no-repeat scroll 3px 5px;
	border-bottom:1px dotted #AAB4BE;
	border-top:1px dotted #AAB4BE;
	padding:8px 10px 8px 35px;
	clear:both;
	display:block;
	margin:10px 0 12px 2px;
}
div.corazon, span.corazon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F5F6 url(../images/corazon.png) no-repeat scroll 3px 5px;
border-bottom:1px dotted #78BE5A;
border-top:1px dotted #78BE5A;
padding:8px 10px 8px 35px;
	clear:both;
	display:block;
	margin:10px 0 12px 2px;
}
div.chat, span.chat {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F5F6 url(../images/chat.png) no-repeat scroll 3px 5px;
border-bottom:1px dotted #FFB4A0;
border-top:1px dotted #FFB4A0;
padding:8px 10px 8px 35px;
	clear:both;
	display:block;
	margin:10px 0 12px 2px;
}
div.hoja, span.hoja {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFDEB url(../images/hoja.png) no-repeat scroll 3px 5px;
border-bottom:1px dotted #FFC864;
border-top:1px dotted #FFC864;
padding:8px 10px 8px 35px;
	clear:both;
	display:block;
	margin:10px 0 12px 2px;
}
div.bolitas, span.bolitas {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E8F9ED url(../images/bolitas.png) no-repeat scroll 3px 5px;
border-bottom:1px dotted #FFC864;
border-top:1px dotted #FFC864;
padding:8px 10px 8px 35px;
	clear:both;
	display:block;
	margin:10px 0 12px 2px;
}

pre {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FAFAFA none repeat scroll 0 0;
	border-color:#AAB4BE #AAB4BE #AAB4BE #B4B4B4;
	border-style:dotted dotted dotted solid;
	border-width:1px 1px 1px 20px;
color:#2E8B57;
font-family:"Courier New",Courier,monospace;
font-size:100%;
margin:10px 0 10px 0;
padding:5px 0 5px 10px;
}