@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background-color: #FFF;

}
html { padding:0; margin:0;}

/* main */
.main {
	width:980px;
	padding:0 0 80px 0;
	margin:0 auto;
background-image: url(../images/bg-cabezote.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.resize { width:990px; margin:0 auto;}
.center{
width:760px;
float:right;

}
/********** header **********/
.header { }
.block_header {
	margin:0 auto;
	padding:0;
	width:980px;
	/*background:url(../images/blog_header.jpg) top no-repeat;*/
}
/*logo*/
.logo {
	float:left;
	padding:0;
	width:auto;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}


.top-opciones{
float:right;
width:720px;
}
/********Menu Top********/
.menutop {
	float:left;
	margin:40px auto 0 auto;
	/*width:580px;*/
	/*height:35px;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

/********** chat *********/
.chat {
	height:65px;
	width:200px;
	float: right;
	margin-top:13px;
	margin-right: 20px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topmleft: 10px;
	-webkit-border-top-left-radius: 10px;
	
}
/********** slider *********/
#content {
	width: 740px;
	padding: 4px;
	border: 3px solid #000000;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #333333;
	-moz-border-radius: 10px;
	float:right;
}

/********** body **********/
.body {
	padding:0 0 20px 0;
	margin:10px auto 10px auto;
}
.body_top { margin:0; padding:0; }
.body_bottom {
	margin:0;
	padding:0;	
	min-height:600px;
}
.body h1 {
	color:#000000;
	font:normal 18px  Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #828282;
	margin:5px 0;
	padding:10px 5px;
	
}
.body h2 {
	color:#333333;
	font:normal 18px  Arial, Helvetica, sans-serif;
	border:1px solid #bdbec0;
	margin:5px 0;
	padding:10px 10px;
	background:url(../images/bg-h1.png) left top repeat-x;
	background-color:#c0c1c3;
		/*--Upper right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	/*--Upper left rounded corner--*/
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.body h6 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	margin:5px 0;
	padding:10px 5px;
}
.body h4 { font: bold 22px Arial, Helvetica, sans-serif; color:#df7e00; margin:5px 0; padding:2px 5px;}
.body h5 { font: normal 22px Arial, Helvetica, sans-serif; color:#cecece; padding:10px 5px; margin:5px 0;}

.body img.port { float:left; margin:15px 40px 2px 10px; padding:0;}
.body p, .editor div, .editor {
	font:normal 12px  Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.8em;
	padding:5px;
	margin:0;
}
.body p.next {
	font:normal 13px  Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.8em;
	padding:5px;
	margin:0;
}

.body p.greey { font:normal 12px  Arial, Helvetica, sans-serif; color:#cecece; line-height:1.8em; padding:5px; margin:0;}
.body p.greey2 { font:normal 11px  Arial, Helvetica, sans-serif; color:#cecece; line-height:1.8em; padding:5px; margin:0;}
.body a {
	color:#990000;
	line-height:1.8em;
	text-decoration: none;
	font:11px/1.8em Arial,Helvetica,sans-serif;
}
.body em { font: italic 13px Arial, Helvetica, sans-serif; color:#aeaeae;}
.img_body {
	border:#990000;
	margin-right:15px;
	margin-bottom:15px;
}
/** modulo interactivo **/
.modulo_interactivo {
	height:32px;

	margin-right: auto;
	margin-left: auto;
}
.imagenes_modulo {
	
}
/* Audio */
.audio {
	float:left;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width:200px;
}

/* search */
.search {
	float:right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width:200px;
}
/*.search {
	float:right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.search form { padding:0; margin:0 auto;}
.search span {
	display:block;
	float:left;
	background:url(../images/search_bg.gif) left top no-repeat;
	width:146px;
	height:23px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 5px;
}
.search form .keywords { width:146px; line-height:13px; height:13px; float:left; background:none; border:0; padding:5px 0; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#acacac;}
.search form .button {
	float:right;
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}*/
/*-----MODULO:: Testimonios------*/
.clients a {
	font:normal 12px  Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.8em;
	padding:5px;
	margin:0;
	}
.ficha
{
font:normal 13px  Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.8em;
	padding:5px;
	margin:0;
}
/*-----MODULO:: Buscador------*/
.siev_searchgoogle form { float:right;
margin:0;
padding:3px 0 0;
width: 150; }
.siev_searchgoogle span { display:block; float:left; background: url(../images/bg-buscador.png) left top no-repeat; width:292px; padding:0; height:35px; }
.siev_searchgoogle form .keywords { line-height:15px; height:15px; float:left; width:180px; border:0; padding:6px 3px; margin:0 0 0 80px; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c; 	border: 0;
	background-color:transparent;!important; }
.siev_searchgoogle form .buttonsearch { float:left; margin:0; padding:0; }

/*left*/
.left { width:550px; float:left; margin:10px 0 0 0 ; padding:0px 0px;}
.left .buttonss { width:110px; float:right;}
.left .buttonss a { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; padding:5px 5px; margin:0;}
.left .buttonss a:hover { color:#df7e00; text-decoration:none;}
/*right*/
.right { width:195px; float:left; margin:0; padding:0px 15px 10px 0px;}
.right p.data {
	/*width:85px;*/
	margin:10px 2px;
	padding:5px 2px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	text-align:center;
}
.right ul.recent { margin:10px 5px; padding:0; list-style:none;}
.right li.recent { padding:15px 0 15px 45px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px dashed #828282;}
.right ul { list-style:none; margin:5px 15px; padding:0;}
/*.right li { background:url(../images/right_ul_li.gif) left no-repeat; padding:8px 20px; margin:0;}*/
/*.right li a { font: normal 13px Arial, Helvetica, sans-serif; color:#cecece; text-decoration:none;}*/
.right li a:hover { color:#df7e00; text-decoration:underline;}

.right2{
margin:10px 0 0 0;
 width:195px; float:right; padding:0px 0px 10px 15px;
}

/********** contact form **********/
/*form { margin:0; padding:5px 10px;}
form * { color:#2e2e2e;}
form ol { margin:0; padding:0; list-style:none;}
form li { margin:0; padding:0; background:none; border:none; display:block;}
form li.buttons { margin:5px 0 5px 0;}
form label { float:left; margin:0; width:80px; display:block; padding:5px 0; font:normal 11px  Georgia, "Times New Roman", Times, serif; color:#fff; text-transform:capitalize;}
form label span {  font:normal 10px Arial, Helvetica, sans-serif;}
form input.text { width:400px; border:1px solid #979797; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
form textarea { width:400px; border:1px solid #979797; margin:10px 0; padding:2px; background:#fff;}
tform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}*/

/********** footer **********/
.footer {
	padding:0;
	height:90px;
	background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
background-color:#d42828;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: fixed;
	bottom: 0px;
	width:100%;
	z-index:1000;
}
.footer_resize { width:962px; margin:0 auto; padding:10px 0 0 0; text-align:center;}
.footer .infofotter { margin:0; padding:3px 3px; list-style:none; float:left; text-align:left;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer .copy {
	margin:0;
	padding:0px 20px 5px 20px;
	float:right;
	color:#FFFFFF;
	font:normal 11px  Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.footer p {
	margin:0;	
	color:#FFFFFF;
	font:normal 11px  Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.footer a {
	color:#CCCCCC;
	text-decoration:none;
	line-height:1.8em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.footer a:hover { text-decoration:underline;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #828282; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #828282; padding:0; margin:20px 0; background:none;}

/*MODULO: SLIDER*/


		h3 {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 16px;
	text-transform: uppercase;
	/*text-align: right;*/
		}

		div#feature_list {
	width: 740px;
	height: 320px;
	overflow: hidden;
	position: relative;
		}

		div#feature_list ul {
	position: absolute;
	top: 1px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
		}

ul#tabs {
left:480px;
width:260px;
z-index:2;
}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			background:  url('../images/feature-tab.png');
		}
		
		ul#tabs li img {
	padding: 5px;
	border: none;
	float: right;
	margin: 10px 0;
		}

		ul#tabs li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10px 8px 10px 0;
	height: 45px;
	outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('../images/feature-tab-current.png');
			color: #000;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 663px;
			height: 320px;
			position: relative;
		}

		ul#output li {
	position: absolute;
	width: 463px;
	height: 320px;
	left: -80px;
	top: 1px;
		}

		ul#output li a.more {
	position: absolute;
	bottom: 10px;
	right: 346px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
		}
		
		ul#output li a.more:hover {
			background: #D33431;
		}
	.style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #404041;
}
/********TIPS************/
.tips{
background:url(../images/bg-tips.png) no-repeat  left top;
height:56px;
overflow: hidden;
margin-top:0px;}

.newsticker-tips{
width: 700px;
margin-left:55px;
height:40;
margin-top:3px;
}
/********* menu *********/
/* menu */	
.menu {
	padding:0;
	width:auto;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/*.menu ul { padding:0; margin:0 30px 0 0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li a {
	float:left;
	margin:0 1px 0 0;
	padding:10px 0;
	color:#FFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menu ul li a span { padding:10px 10px; background:none;}
.menu ul li a:hover { color:#fff; background:url(../images/l_menu.png) no-repeat  right top;}*/
/*.menu ul li a:hover span {color:#fff; background: url(../images/r_menu.png) no-repeat left top;}*/
/*.menu ul li a.active {color:#fff; background:url(../images/l_menu.png) no-repeat  right top;}*/
/*.menu ul li a.active span {color:#fff; background:url(../images/r_menu.png) no-repeat  left top;}*/


/************** menu ************/
.menu ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 560px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
}
.menu ul#topnav li {
	float: left;
	margin: 0;
	padding: 0; /*--Divider for each parent level links--*/
	/*--Upper right rounded corner--*/
	/*-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;*/
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;*/
	/*--Upper left rounded corner--*/
	/*-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;*/
	/*--Bottom right rounded corner--*/
	/*-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;*/
}
.menu ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #FFF;	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menu ul#topnav li a:hover { color:#FFFFFF;}
.menu ul#topnav li:hover {/*background: #CCCCCC;*/
	/*background-image:url(../images/nemu_hover_bg.png)*/
	color:#FFFFFF;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
.menu ul#topnav li span {
	float: left;
	padding: 4px 0 4px 4px;
	position: absolute;
	left: 0; 
	top:34px;
	display: none; /*--Hide by default--*/
	width: 560px;
	background: #CCCCCC;
	color: #000;

}
.menu ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
.menu ul#topnav li span a { display: inline; color:#000000 } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
.menu ul#topnav li span a:hover {text-decoration: underline;}

.imagen {
float:left;
margin:10px;


}
.ver_mas_cat{
border-bottom: #CCCCCC dashed 1px;
border-top: #CCCCCC dashed 1px;
	text-align:right;


	line-height:1.8em;
	text-decoration:underline;
	margin: 15px 0;
	
}
span.imgborde {
/*border:1px solid #CCCCCC;*/
float:left;
margin:5px 20px 2px 0;
padding:3px;}

.botones{ /*Diseno general para los botones ver mas, preguntar*/
width:100%;
text-align:right;
}
.botones a{
line-height: 25px;
margin: 0 5px;
padding: 5px 5px;
background-color:#BF0418;
color: #FFFFFF;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, Calibri, Tahoma;
		/*--Upper right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	/*--Upper left rounded corner--*/
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

/********** FORMULARIOS **********/
form { margin:0; padding:5px 10px; text-align:left;}
form * { color:#222222;}
form ol { margin:0; padding:0; list-style:none;}
form li { margin:0; padding:0; background:none; border:none; display:block;}
form li.buttons { margin:5px 0;}
fieldset legend { text-align:left; font:normal 14px Arial, Helvetica, sans-serif; color:#8d8d8d; font-weight:bold; margin: 10px 0;}
form label { margin:0; width:180px; display:block; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#8d8d8d; text-transform:capitalize; text-align:left; float:left;}
form label span { color:#ff0000; float:none;}
form input.text{ border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5;}
form select.text{ border:1px solid #dcdcdc; margin:5px 0; background:#f5f5f5;}
form textarea { border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5;}
.morefields { text-align:left; color: #003366; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.response { text-align:center; color:#505050; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
form p.info { text-align:left; color: #000000; font: 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.aclaracion {color: #990000; font: bold 11px Arial, Helvetica, sans-serifa;}
.button{
background-color:#F3F3F3;
border:#CCCCCC 1px solid;
color: #333333;
font-size:14px;
padding: 5px;
margin: 0 auto;
}

.mensajes{ /*Mensajes del sistema*/
	width:90%;
	padding:15px 10px 15px 40px;
	margin: 5px 0;
	background-color:#FFFFCC;
	border:#ed872e thin solid;
	color:#333333;
	background-image:url(../images/alert.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
	font-size:14px;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
}

.clear{
clear:both;}