body{
	color:#FFF;
	font:normal 12px verdana, sans-serif;
	line-height:21px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
}

#box{
	margin:0 auto;
	padding:0 0 50px 0;
	width:980px;
	background-color: #FFF;	/*background-color:#F00; */
}

h1,h2{
	font:bold 12px 'Lucida Grande', 'Trebuchet MS', sans-serif;
	margin-top:0px;
}

h1{
	font-size:20px;
	margin-bottom:0px;
}

h1.qsomos{
	font-size:20px;
	margin-bottom:0px;
	color:#FAF150;
}

h2{ color:#f2aa24; margin-bottom:15px; }

h3{
	color:#FC0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.orange{ color:#f2aa24; }


a{ outline:none; text-decoration:none; }
a:hover{ text-decoration:underline;  }

ul{ list-style:none; margin:0; padding:0; }
ol{ list-style-position:inside; margin:0 0 10px 0; padding:0;}
li{ padding:0px; margin-bottom:10px; }

#components, #tests, .customization{ margin:10px 0 20px 25px; }
#components li, #tests li, .customization li{ margin-bottom:3px; }

#gallery{ width:100%; }

#gallery img{ border: 5px solid #78c7f2; }

.code{ 
	margin:10px;
	font-size:12px;
	color:#6C0;
}
.header3 {
	float: left;
	width: 980px;
	color: #000;
	height: 70px;
	background-color: #c15856;

}
.header {
	float: left;
	width: 980px;
	color: #000;
	height: auto;
	background-color: #c62247;	
}

.header_cen {
	float: left;
	width: 960px;
	height: 110px;
	background-color: #ba2f1a;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.menu2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/backs/header-total2.jpg);
	float: left;
	height: 41px;
	width: 960px;

	padding-left: 20px;
	padding-top: 22px;
}
.menu2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.logo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #292929;
	text-decoration: none;
	float: left;
	height: auto;
	width: 980px;
	padding-top: 10px;
}
.logoG2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #292929;
	text-decoration: none;
	float: left;
	height: auto;
	width: 980px;
}
.logo2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #292929;
	text-decoration: none;
	float: left;
	height: auto;
	width: 370px;
}
.logo3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #292929;
	text-decoration: none;
	float: left;
	height: auto;
	width: 360px;
}
.reproductor {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #292929;
	text-decoration: none;
	float: left;
	height: auto;
	width: 610px;
}
/*CUERPO DEL PROYECTO*/

.titgen {
	float: left;
	height: 106px;
	width: 359px;	
}
.tit2gen {
	float: left;
	height: 106px;
	width: 621px;	
}

.cuerpo {
	float: left;
	width: 980px;
	height: auto;
	background-color: #F00;
	overflow: hidden;
}
.CARRUSEL {
	float: left;
	width: 980px;
	height: auto;
	color: #EEE;
	background-image: url(images/backs/back-carrusel.jpg);
}
.videos {
	float: left;
	height: auto;
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	background-color: #900;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;

}
/*VIDEOS INI*/
.ProMin{
	color: #000;
	float: left;
	width: 173px;
	height: 150px;
	padding-top: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.ProImag {
	color: #ffffff;
	width: 144px;
	height: 104px;
	background-repeat: no-repeat;
	margin: 5;
	padding: 2px;
}

.ProMin a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.derecha {
	float: left;
	height: auto;
	width: 280px;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
	background-color: #990000;
}
.pie2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	float: left;
	width: 958px;
	padding-top: 20px;
	height: auto;
	padding-left: 20px;
	background-color: #e10101;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.pie {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	float: left;
	width: 960px;
	padding-top: 30px;
	background-image: url(images/backs/back-pie.jpg);
	background-color: #007026;
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
	padding-left: 20px;
}
.pie a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
/*CARUSEL QUE SE MUEVE AJAX*/
.MenSup3 {
	float: left;
	height: 131px;
	width: 885px;
	padding: 5px;
	background-color: #000000;
	margin-top: 14px;
}

.MenSup3 img {
	border: 0px solid #333333;
}
/*MENU IZQUIERDO*/
.titUt {
	float: left;
	height: auto;
	width: 278px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.titUt a {
	color: #FC0;
}