@charset "utf-8";



*{

	margin-top: 0pt;

	margin-right: 0pt;

	margin-bottom: 0pt;

	margin-left: 0pt;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align:center;

	border:0;

font-family: Arial, Helvetica, sans-serif;





}



body {

	background-color: #ededf6;

	background-image: url(imgs/bg.gif);

	background-repeat: repeat-x;

}



#contenedor{

	margin:auto;

	width: 945px;

	}



#header{

	text-align:right;

	float:left;

	margin:0 auto;

	}

#header img{

	padding-left: 117px;

}



.menu{

	height: 19px;

	background-image: url(imgs/bgl.gif);

	background-repeat: repeat-x;

	color: #FFF;

	text-align: right;

	padding-right: 5px;

	padding-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	}

ul.paginas,.paginas ul, .menu li{

	margin: 0;

	padding: 0;

	cursor: default;

	list-style-type: none;

	display: inline;

	}

	

ul.paginas{

	display: table;

	height: 37px;

}

ul.paginas>li{

	display: table-cell;

	position: relative;

	padding: 0px 0px;

	

	

}

ul.paginas li>ul{

/*Make the sub list items invisible*/

	display: none;

	position: absolute;

	max-width: 40ex;

	margin-left: -5px;

	margin-top: 10px;

}



ul.paginas li:hover>ul{

/*When hovered, make them appear*/

	display : block;

	margin-top: 5px;

}



.paginas ul li a{

/*Make the hyperlinks as a block element, sort of a hover effect*/

	display: block;

	padding: 2px 10px;

}



/*** Menu colors (customizable) ***/



ul.paginas,

.paginas ul li{

	color: #b7b7bd;

}



.paginas ul li a{

	background: #4593F3;

	color: #FFF;

	padding-top: 2px;

	padding-bottom: 5px;

}



ul.paginas li:hover{

	color: #fff;

}





.paginas ul li a:hover{

	background-color: #1f4a8f;

	color: #fff;

}



ul.paginas li:active,

.paginas ul li a:active{

	background-color: #fff;

	color: #fff;

}



.paginas a, .paginas a:visited, .paginas a:active, .menu li a{

	text-decoration: none;

	color: #fff;

	padding: 0 20px;

	white-space: nowrap;

}

.sidebar1{

	float:right;

	margin:0 auto;

	margin-right: 10px;

	background-color: #FFF;

	padding: 5px;

	color: #666666;

	text-align: left;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;
	
	width: 225px;

    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */

    margin: 0 auto;
	
	

	}

.sidebar1 ul{

	list-style-type: none;

	margin: 0;

	padding: 10px;
	
	text-align: center;

	}

	

.sidebar1 ul li{

	padding: 10px 0 10px 0;

	font-size: 12px;

	text-align: left;

	}



.sidebar1 ul li h2, .sidebar1 ul h2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #f29400;

	text-align: left;

	}



.sidebar1 ul ul li{

	padding: 0;

	}

	

.sidebar1 a, .sidebar2 a{

	text-decoration: none;

	color: #0095D6;

	}



.sidebar1 ul li input[type="text"]{

	background-color:#eeeeee;

	border:1px solid #dddddd;

	height: 20px;

	width: 160px;

	text-align: left;

	padding-left: 2px;

	color: #666666;

	margin-top: -5px;

	}
	
.sidebar1 p {

    text-align: left;

	color:666666;

	padding-right: 45px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	width: 160px;
}


.sidebarbody {

    background-position: bottom left;

    margin-right: 7px;        /* interior-padding right */

    padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */

}

#acerca{

	background-image: url(imgs/abm.jpg);

	height: 165px;

	width: 200px;

	margin-top: 15px;
 margin-left: 15px;

	text-align: left;

	padding: 5px 5px 5px 5px;

	}



#acerca table tbody tr td{

	text-align: left;

	font-size: 10px;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height:15px;

	padding-left: 2px;

	padding-top: 2px;

	}

#acerca  a, a:hover{

	color: #a6e7fa;

	font-weight: bold;

	text-decoration: none;

	}	



.sidebar2{

	float:right;

	margin:0 auto;

	margin-right: 10px;

	width: 180px;

	background-color: #FFF;

	padding: 5px;

	color: #666666;

	text-align: left;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	}

.sidebar2 ul{

	list-style-type: none;

	margin: 0;

	padding: 10px;

	}

	

.sidebar2 ul li{

	padding: 10px 0 10px 0;

	font-size: 12px;

	text-align: left;

	}



.sidebar2 ul li h2, .sidebar2 ul h2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #f29400;

	text-align: left;

	}



.sidebar2 ul ul li{

	padding: 0;

	}

	

.sidebar2 ul li input[type="text"]{

	background-color:#eeeeee;

	border:1px solid #dddddd;

	height: 20px;

	width: 160px;

	text-align: left;

	padding-left: 2px;

	color: #666666;

	margin-top: -5px;

	}

	

#contenido{

	width: 490;

	float: left;

	}

.metadata{

	background-image: url(imgs/metadata.png);

	background-repeat: no-repeat;

	height: 95px;

	width: 45px;

	float:left;

	margin:0 auto;

	margin-left: 0;

	font-size: 10px;

	text-align: left;

	margin-top:20px;

	color: #FFF;

	text-align: center;

	padding-right: 2px;

	padding-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

	}

.metadata li{

	list-style-type:none;

	text-align:center;

	padding-top: 5px;

	padding-right: 3px;

	line-height:2px;

	}

	

.post {

	background-color: #FFF;

	float:right;

	min-height: 200px;

	margin-left: 3px;

	margin-top: 15px;

	margin-bottom: 10px;

	width: 420px;

	color: #888888;

	padding: 10px;

	-moz-border-radius-bottomleft: 7px;

	-moz-border-radius-bottomright: 7px;

	-moz-border-radius-topleft: 7px;

	-moz-border-radius-topright: 7px;

	}

	

.post p{

	text-align:justify;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	}

	

.post a, .post a:hover{

	text-align:justify;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	color: #f29400;

	}



.post h2, .post h2 a{

	text-align: left;

	color: #f29400;

	font-size: 20px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-bottom: 5px;

	}

	

.page {

	background-color: #FFF;

	float:right;

	min-height: 200px;

	margin-left: 3px;

	margin-top: 15px;

	margin-bottom: 10px;

	width: 470px;

	color: #888888;

	padding: 10px;

	-moz-border-radius-bottomleft: 7px;

	-moz-border-radius-bottomright: 7px;

	-moz-border-radius-topleft: 7px;

	-moz-border-radius-topright: 7px;

	}

	

.page p{

	text-align:justify;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	}



.page h2, .page a{

	text-align: left;

	color: #f29400;

	font-size: 20px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-bottom: 5px;

	}



.navigation, .navigation a, .navigation a:hover{

	float: left;

	color: #007ed0;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	padding-bottom: 5px;

	}



#footer{

	background-image: url(imgs/bgf.gif);

	background-repeat: repeat-x;

	float: right;

	width: 100%;

	height: 48px;

	color: #FFF;

	padding-top: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	}

#footer a{

	color: #08fffc;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	font-weight: bold;

	text-decoration: none;

	}



/* CSS Para el TOOLTIP :) */



#tooltip {

	background-color: #00aee4;

	border: 1px solid #0086d4;

	color: #FFF;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 10px;

	padding-right: 10px;

	-moz-border-radius-bottomleft: 7px;

	-moz-border-radius-bottomright: 7px;

	-moz-border-radius-topleft: 0;

	-moz-border-radius-topright: 7px;

	max-width: 20em;

	line-height: 12px;

}

#tooltip h3 {

	font-size: x-small;

    margin: 0;

	padding: 0 3px;

	text-align: left !important;

	font-family: Arial, Helvetica, sans-serif;

}

#tooltip p {

	font-size: small;

	margin: 5px 0 0 5px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

}



/* Fin TOOTIP */



.comments-template{

	margin: 10px 0 0;

	border-top: 1px solid #ccc;

	padding: 10px 0 0;

	float: left;

	background-color:#00B6E8;

	background-image: url(imgs/commentform.jpg);

	background-repeat: no-repeat;

	background-position:top;

	width: 490px;

	-moz-border-radius-bottomleft: 0;

	-moz-border-radius-bottomright: 0;

	-moz-border-radius-topleft: 7px;

	-moz-border-radius-topright: 7px;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

}



.comments-template h2, .comments-template h3{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	text-align: left;

	color:#FFF;

	padding-left: 10px;

}



.commentmetadata, .commentmetadata a{

	font-size: 12px;

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	color: #dbf8ff;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

	width:450;

}



.comments-template p{

	text-align: left;

	color: #ffffff;

	margin-left: 10px;

	background:#0169b8;

	margin-right: 10px;

	padding: 5px;

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: small;

	text-align: justify;

}



.comments-template input, textarea{

	text-align: left;

	font-size: small;

	color: #707070;

	margin-left: 5px;

	margin-top:2px;

	padding-top:2px;

	border:solid;

	border-color:#00b5e7;

	border-width:1px;

}