@charset "utf-8";
/* CSS Document */

/* ESTILOS GENERICOS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, doel, dfn, font,
ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, caption,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
	line-height: 1;
	background-color:#fff;
		}
body#index {
	line-height: 1;
	background-color:#fff;
	background-image:url(imagenes/fondoweb_index.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
body#ficha {
	line-height: 1;
	background-color:#fff;
	background-image:url(imagenes/fondoweb_ficha.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

p {
	text-align:left;
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:12px;
	line-height:19px;
	color:#777;
	}
:focus {
     outline: 0
}

ol, ul {
     list-style: none;
	 padding:15px;
}


blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
fieldset{ border:1px solid #CCC; padding:10px;}
legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
}
html, body, #contenidototal {height: 100%;}
body > #contenidototal {height: auto; min-height: 100%;}
#principal {
	padding-bottom:50px;
	margin:0 auto 0 auto;
	width:960px;
}  /* must be same height as the footer */
#pie {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	clear:both;
	height:50px;
	border-top: 1px solid #FFF;
	padding-top:10px;
	background-color:#666;	
	} 
#posicionpie{ margin:0 auto 0 auto; width:960px;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* DESTACADO */
*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
height:100%;
cursor:default;
font-size:11px;
line-height:16px;
background-position:50% 0;
background-repeat:no-repeat;
font-family:Tahoma,sans-serif;
}
a:link,a:visited{
	color:#333;
	text-decoration:none;
}
a img{
border:0;
}
div.wrap{
width:993px;
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:993px;
height:52px;
margin:22px 0 0;
background:url url(imagenes/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:700px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
height:683px;
margin:-1px 0 0;
}
div#header div.wrap{
height:299px;
background:url(imagenes/header-bg.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
z-index:40;
width:993px;
height:299px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:0px;
left:0px;
width:973px;
height:278px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:973px;
height:46px;
display:none;
position:absolute;
/*background:url(imagenes/slide-bg.png) 0 0;*/
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
color:#fff;

}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(imagenes/silde-nav.png);}
div#nav ul li a{background:url(imagenes/nav.png) no-repeat;}


/* CONTENEDORES */
#cabecera{ height:115px;}
#logo{ float:left;}
#botonera{ float:right; margin-top:50px;}
#destacado{ height:200px; width:960px;}
#bloqueindex{
	float:left;
	width:280px;
	padding:20px;
	height:1%;
}
#bloqueindex:hover{
	background-color:#fff;
	cursor:pointer;
}
#bloqueelearning{
	width:940px;
	height:260px;
	background-image:url(imagenes/pruebaelearning2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	#bloqueweb{
	width:940px;
	height:260px;
	background-image:url(imagenes/pruebaweb2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	#bloquemarketing{
	width:940px;
	height:260px;
	background-image:url(imagenes/pruebamarketing2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	#bloquetotal{
	width:920px;
	padding:20px;
		}
#contenidobloquetotal{
	padding-left:370px;
}
#fichaizq{
	float:right;
	margin-top: 20px;
	width: 300px;
	padding-right: 10px;
}
#fichader{
	float:left;
	margin-top: 20px;
	padding-left: 10px;
	width: 580px;
}
#fichatotal{
	margin-top: 20px;
	padding-left: 10px;
	float:left;
	}
#galeria{
	padding-top:0px;
}
#itemgaleria{
	float:left;
	margin:2px;
	border:3px solid #fff;
}
#itemgaleria:hover{
	float:left;
	margin:2px;
	border:3px solid #ccc;
}
/* TEXTOS */
h1.titulos{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#666;
	line-height: 30px;
}
h2.titulos{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#666;
	line-height: 30px;
}
h1.titulosblanco{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
	line-height: 30px;
}
.subtitulos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	margin-bottom:20px;
	line-height: 12px;
	height:30px;
}
.subtitulosblanco{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-bottom:10px;
	line-height: 12px;
	height:30px;
}
.subtitulos2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#360;
	margin-bottom:10px;
	line-height: 12px;
	height:30px;
}
.migas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-bottom:20px;
	line-height: 12px;
	height:30px;
}
a.migason{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-bottom:20px;
	line-height: 12px;
	height:30px;
	text-decoration:none;
}
a.migasoff{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-bottom:20px;
	line-height: 12px;
	height:30px;
}
a.migason:hover{
	text-decoration:none;
	color:#333;
}
a.migasoff:hover{
		text-decoration:none;
		color:#333;
}
.titulosdestacado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
	padding-bottom:20px;
	line-height: 50px;
}
.titulosdestacadov{
	font-size:24px;
	color:#7EBA00;
	padding-bottom:10px;
	line-height: 30px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.otrosservicios{
	font-size:22px;
	color:#7EBA00;
	padding-bottom:10px;
	line-height: 30px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.texto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	text-align:justify;
}
.texto ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-align:justify;}
.texto li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	text-align:justify;
	list-style-type: circle;
	margin-left: 20px;
	line-height: 20px;
}
a.texto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7EBA00;
	text-align:justify;
}
a.texto:link :active :visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7EBA00;
	text-align:justify;
}
a.texto:hover{
	color:#7EBA00;
	text-decoration:underline;
}
.textoblanco{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:justify;}
a.textoblanco{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:justify;}
.icoindex{ margin-right:10px; float:left;}
.boton{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
a.boton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:bold;
}
a.boton:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; border-bottom: 3px solid #9C0;}
.masinfo{ padding:5PX; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#666;}
a.masinfo{ padding:5PX; text-decoration:underline; color:#666;}
a.masinfo:hover{ padding:5PX; text-decoration:underline;color:#666;}
.mright{margin-right:20px;}
.mleft{margin-left:20px;}

/*FORMULARIOS*/
#bloqueformulario{ width:750px; margin:0 auto 0 auto; padding-top:20px;}
#lineaform{ height:37px; width:100%; border-bottom:1px solid #dedede; background-color:#FFF; clear:both;}
#lineaform:hover{ background-color:#e8eddb;}
#textareaform{ height:125px; width:100%; background-color:#FFF;}
#textareaform:hover{ background-color:#e8eddb;}
#formizq{ float:left; width:160px;}
#formder{
	float:left;
	width: 420px;
}
#errorform{padding:3px;}
.campotexto{ border:1px solid #CCC; padding:3px; margin:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
.textareaarrima{ border:1px solid #CCC; padding:3px; margin:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
.textoform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#7EBA00;
	line-height:16px;
	padding:5px;
}
.textolopd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	line-height:15px;
	text-align: justify;
}
.texto11{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:15px;
	text-align: justify;
}