/******************ESTILOS DE ETIQUETA*********************/
* {
	margin: 0px;
	padding: 0;
}

html, body {
	height:100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	outline: 0;
}
p {
	margin: 10px;
}
h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #1b601f;
	padding-bottom: 4px;
	font-size: 16px;
}

h3 {
	color: #1b601f;
	padding-bottom: 4px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}

h4 {
	font-size: 12px;
	margin-top:10px;

}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

dl {
    margin:0 0 10px 10px;
    }

dt {
    margin:0 0 10px 0; 
    }
dd {
    margin:0 0 10px 20px;
    }
/******************FIN ESTILOS DE ETIQUETA*********************/



/*******************ESTILOS DE ID******************************/

/*CONTENEDOR GLOBAL--------------------------------*/
#contenedor {
	height: auto!important;
	height:100%;
	min-width:970px;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

/*CABECERA-----------*/
#cabecera {
	height: 129px;
	background-image: url(imagen/fnd-bot.jpg);
	background-repeat:   repeat-x;
	background-position: bottom;
	min-width: 970px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
#logo {
	float:left;
	height: 129px;
	width: 138px;
	margin: 0px;
	padding: 0px;
}

#logo h1 {
	width:138px;
	height:129px;
	background-image: url(imagen/logo.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#logo h1 a {
	width:138px;
	height:129px;
	display: block;
}

#eslogan {
    position:relative;
    width:436px;
    height:62px;
    top:15px;
    margin-left:auto;
    margin-right:auto;
    *padding-right:170px;
    }

/*MENU-HORIZONTAL*/
#menu-h {
	width:800px;
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	float: left;
	height: 20px;
	margin-left: 10px;
	z-index:300;
	position:absolute;
	top:104px;
	left:180px;
}
#menu-h ul{
	list-style-type:none; 
}
#menu-h ul li.nivel1h { 
	float: left;
	margin-right: 2px;
	background-image:url(imagen/vin-menu-sup.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:5px;
}
#menu-h ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 8px;
	position: relative;
}
#menu-h ul li:hover {
	position: relative;
	background-image: url(imagen/vin-menu-sup-negro.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#menu-h ul li a:hover, #menu-h ul li:hover a.nivel1h {
	color: #000;
	position: relative;
}
#menu-h ul li a.nivel1h {
	display: block!important;
	display: none;
	position: relative;
}
#menu-h ul li ul {
	display: none;
	position: relative;
	background-image:url(imagen/fnd-menu-despl.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#92e83f;
}
#menu-h ul li a:hover ul, #menu-h ul li:hover ul {
	display: block;
	position: absolute;
	left: 0px;
}
#menu-h ul li ul li a {
	width: 150px;
	padding: 6px 10px 8px 15px;
	text-align:left;
}
#menu-h ul li ul li a:hover, #menu-h ul li ul li:hover {
	position: relative;
	background-image:none;
}
table.falsa {
    border-collapse:collapse;
    border:0px;
    float: left;
    position: relative;
}

/*FIN MENU-HORIZONTAL*/

/*TELEFONO*/
#tlf {
	text-align: right;
	float: right;
	position:relative;
	top:-55px;
}
.telefono{
	font-size: 27px;
	color: #336633;
	font-weight: bold;
}

.telefono-txt{
	color:#339900;
	font-size: 17px;
}

.contacta{
	color:#336600;
	font-size: 12px;
	clear:both;
}
#tlf   a:link, #tlf a:visited   {
	text-decoration: none;
	color: #003300;
}
#tlf   a:hover, #tlf a:active   {
	color: #5ac20f;
}
/*FIN TELEFONO*/
/*MENU SECUNDARIO*/
#menu-sec {
	position:relative;
	top:18px;
	left:0px;
	float:right;
}
#menu-sec ul {
	margin-left: 7px;

}
#menu-sec ul li {
	float: left;
	list-style-type: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 7px;
	background-image: url(imagen/vin-menu-sec.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu-sec a:link, #menu-sec a:visited {
	text-decoration: none;
	color: #1b601f;
	padding-left: 13px;
}
#menu-sec a:hover, #menu-sec a:active {
	color: #5ac20f;
	background-image: url(imagen/vin-menu-sec-claro.png);
	background-repeat: no-repeat;
	background-position: left center;
}
/*FIN MENU SECUNDARIO*/


/*FIN CABECERA-------------*/




/*CAPA PRINCIPAL ENGLOBA MENU Y CONTENIDO-MARCA EL ANCHO MINIMO PERMITIDO*/
#princ {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	clear: both;
}

/*MENU VERTICAL*/
#menu {
	font-size: 11px;
	width: 160px;
	margin-right: 10px;
	margin-left: 0;
	float: left;
	margin-top: 5px;
	z-index: 100;
	position: relative;
}
#menu ul {
	list-style-type: none;
}
#menu ul li.nivel1 {
	width: 160px;
}
#menu ul li.primera { border-top: solid 1px #FFF;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #333333;
	background-color: #ddd;
	border: solid 1px #fff;
	border-top: 0;
	position: relative;
	padding:6px 5px 6px 6px;
}
#menu ul li:hover {
	position: relative;
	background-color: #bbb;
	color: #333333;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	background-color: #666666;
	color: #FFFFFF;
	position: relative;
}
#menu ul li a.nivel1 {
	display: block!important;
	display: none;
	position: relative;
}
#menu ul li a.nivel2 {
	display: block!important;
	display: none;
	position: relative;
	background-color: #CECECE;
}
#menu ul li a.nivel2:hover {
	position: relative;
	background-color: #666666;
}/*poner class="nivel2" en la etiqueta a, para que el botón sea gris más oscuro*/

#menu ul li a.nonivel {
	position: relative;
}
#menu ul li a.nonivel2 {
	position: relative;
	background-color: #CECECE;
}
#menu ul li a.nonivel2:hover {
	position: relative;
	background-color: #666666;
}
#menu ul li ul {display: none;
	_margin-top:3px;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 159px;
	top:-1px!important;
	top: -31px;
}
#menu ul li ul li a {
	width: 160px;
	background-color: #ddd;
	color: #333333;
}
#menu ul li ul li a:hover {
	position: relative;
	background-color: #666666;
	color: #FFF;
}
table.falsa {
	border-collapse:collapse;
	border:0px;
	float: left;
	position: relative;
}
/*FIN MENU VERTICAL----------*/

/*LOGIN*/

.login-contenedor{
	width:160px;
	height:80px;
	background-color:#EEEEEE;
	margin:0 0 3px 0;
	font-size:11px;
}

.usuario{
	width:160px;
	height:27px;
	margin:0 0 0 0;
}

.usuario-text{
	width:65px;
	float:left;
	padding: 7px 0 4px 10px;

}

.usuario-campo{
	width:85px;
	float:left;
	margin-top: 5px;
}

.contraseña{
	width:160px;
	height:25px;
	margin:0 0 0 0;
}

.contraseña-text{
	width:65px;
	float:left;
	padding: 5px 0 4px 10px;

}

.contraseña-campo{
	width:85px;
	float:left;
	margin-top: 2px;
}


.recordar{
	width:160px;
	height:23px;
	margin:0 0 0 0;
	padding: 6px 0 0 0;
}

.recordar-text{
	width:55px;
	float:left;
	padding: 3px 0 4px 10px;

}

.recordar-campo{
	width:20px;
	float:left;
	margin-top: 2px;
	height: 20px;
}

.btn-ir{
	width:50px;
	height:20px;
	float:left;
	padding: 0 0 0 10px;

}

.olvido{
	width:120px;
	height:13px;
	float:left;
	font-size:10px;
	padding: 5px 0 0 10px;

}

.olvido a{
color:#009933;
text-decoration:none;

}

.olvido a:hover{
color:#006600;
}

.input-login {
    width:70px;
}

.migas{
height:15px;
font-size:10px;
color:#006600;
font-weight:bold;
margin-top:10px;
}

/*CONTENIDO-----------------*/

#contenido {
	margin-left: 165px;
	font-size: 12px;
	height:100%;
}
/*INTRO PARA EL INDEX*/
#intro {
	background-color: #989da2;
	background-image: url(imagen/fondo-intro.gif);
	background-repeat:    repeat-x;
	background-position: center top;
	margin-bottom: 10px;
}

#intropng{
    height:257px;
	margin-left: auto;
	margin-right: auto;
	width:746px;


}

#creatividades {
	background-color: #989da2;
	background-image: url(imagen/fondo-creatividades.gif);
	background-repeat:repeat-x;
	background-position: center top;
	margin-bottom: 10px;
}

#curso-ninos{
	background-image: url(imagen/fondo-ninos.gif);
	background-repeat:    repeat-x;
	background-position: center top;
	margin-bottom: 0;
}
#intro img {
	width: 97%;
	position: relative;
	right: 5px;
	_right: 8px;
	z-index: 10;
}
#msj-intro {
	position: absolute;
	top: 173px;
	z-index: 20;
	left: 212px;
}
#msj-intro h2 {
	font-size: 60px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	color: #1b601f;
}
#flash {
	_right: 8px;
	z-index: 10;
	width: 98%;
	position: relative;
	right: 5px;
}


/*FIN INTRO PARA EL INDEX*/


/*BLOQUES*/
/*BLOQUES DEL INDEX*/
#bloque1 {
	float: left;
	width: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-left: 20px;
	padding-right: 5px;
}
#bloque1 h4 {
	font-size:12px;
}
#bloque2 {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 270px;
	height:100%;
}
/*FIN BLOQUES DEL INDEX*/

/*BLOQUE INDIVIDUAL*/
#bloque3 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}


#bloque5 {
	background:url(imagen/ultima.jpg) no-repeat 5px 5px;
	float: left;
	width: 250px;
	padding-top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	margin-right:0px;
	position:absolute;
	*position:inherit;
	
}

#bloque5 h3 {visibility:hidden;}

#bloque-total {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 10px;
	display:block;
	height:100%;
}

.separacion-blog{
width:220px;
height:5px;
border-bottom: 1px solid #006600;
*margin-left:5px;
}

#otros-blog h3 {
    display:none;
}
#otros-blog {
    background:url(imagen/portada-pastilla2.jpg) no-repeat;
    padding-top:30px;
    margin-top:10px;
    height:24px;
}


/*FIN BLOQUE INDIVIDUAL*/
/*FIN BLOQUES*/

/*FIN CONTENIDO-----------------*/


/*PIE---------------------------*/
#pie {
	clear: both;
	font-size: 10px;
	text-align: right;
	color: #1b601f;
	padding-top: 20px;
	padding-bottom: 10px;
}
#pie a:link, #pie a:visited {
	text-decoration: none;
	color: #5ac20f;
}
#pie a:hover, #pie a:active {
	text-decoration: underline;
}
#pie .negrita {
    font-weight:bold; 
    font-size:11px;
}

/*FIN PIE---------------------------*/




/*********************************ESTILOS DE CLASE****************************************/

/*CLASES GENÉRICAS----------------------*/

/*ENLACES*/
a.enlace1:link,a.enlace1:visited  {
	text-decoration: none;
	color: #5ac20f;
	font-weight: bold;
}
a.enlace1:hover,a.enlace1:active {
	color: #1b601f;
}
.enlace a{
text-decoration:none;
font-weight:bolder;
color:#336600;

}
.enlace a:hover{

color:#009900;

}
.enlace2 a:link,.enlace2 a:visited  {
	text-decoration: none;
	color: #5ac20f;
	font-weight: bold;
}
.enlace2 a:hover,.enlace2 a:active {
	text-decoration: underline!important;
}

a.enlace3:link,a.enlace3:visited  {
	text-decoration: none;
	color: #999;
	font-weight: bold;
}
a.enlace3:hover,a.enlace3:active {
	color: #000;
}

/*FIN ENLACES*/

/*LISTAS*/
.lista1 {
	margin-top: 10px;
}
.lista1 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/vin-lista.gif);
	margin-left: 20px;
}
.lista2 {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
}
.lista2 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/vin-lista.gif);
	margin-left: 20px;
}

.lista2 a{
	text-decoration:none;
	color:#009900;
}

.lista2 a:hover{
	color:#00CC00;
}

.lista3 {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 15px;
}
.lista3 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/vin-lista.gif);
	margin-left: 20px;
}

.lista4 {
	margin-top: 10px;
	background-image: url(imagen/fnd-sem.gif);
	background-repeat:no-repeat;
	background-position:top;

}
.lista4 ul{
	width:200px;
}
.lista4 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/sem-lista.gif);
	margin-left: 20px;
}
.lista4 a{
font-size:13px;
text-decoration:none;
 color:#006600;
font-weight:bold;
}

.lista4 a:hover{
color:#339900;
}

.lista5 li  {
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left:10px;
	float:left;
	background-image: url(imagen/vin-lista-izq.gif);
    background-repeat:no-repeat;
    background-position:left 3px;
}

.lista5 li a {
font-size:10px;
text-decoration:none;
color:#006600;
font-weight:bold;
}

.lista5 a:hover{
color:#339900;
}

.lista6 {
float:left;
width:200px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
}
.lista6 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/vin-lista.gif);
	margin-left: 20px;
}

.lista7 {
float:left;
width:200px;
	margin-top: 10px;
	margin-left: 80px;
	margin-bottom: 15px;
}
.lista7 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/vin-lista.gif);
	margin-left: 20px;
}

.lista8 {
	margin-top: 10px;
	margin-left: 50px;
	margin-bottom: 15px;
}
.lista8 li  {
	list-style-type:none;
	list-style-image:url(imagen/vin-menu-sec.png);
	margin-bottom: 5px;
	margin-left: 20px;
}

.lista9 {
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 20px;
}
.lista9 li  {
font-weight:bold;
	list-style-type:none;
	list-style-image:url(imagen/punto-verde.gif);
	margin-bottom: 20px;
	margin-left: 20px;

}
.lista9 a{
text-decoration:none;
font-size:13px;
color:#006600;

}

.lista9 p{
	font-size:13px;
color:#006600;
}


.lista9 a:hover{
color:#009900;

}

.lista-numerica li  {
list-style-position:inside;
	list-style-type: decimal;
	margin-bottom: 5px;
	margin-left: 20px;
}

.lista10 {
	margin-top: 10px;
	background-repeat:no-repeat;
	background-position:top;

}
.lista10 ul{
	width:200px;
}
.lista10 li  {
	list-style-type: none;
	margin-bottom: 5px;
	list-style-image: url(imagen/sem-lista.gif);
	margin-left: 20px;
}
.lista10 a{
font-size:13px;
text-decoration:none;
 color:#006600;
}

.lista10 a:hover{
color:#339900;
}

.lista-proy {
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 15px;
	min-width:200px;
}
.lista-proy li  {
	list-style-type: none;
	margin-bottom: 0px;
	padding:4px 0 4px 0;
	margin-left: 0px;
}

.lista-proy a{
	text-decoration:none;
	color:#404040;
	padding:0 5px 0 5px;
}

.lista-proy a:hover{
	color:#339900;
}

.bloq-proy {
    float:left;
    min-width:200px;
    margin-right:10px;
}
.bloq-proy h4 {
    font-size:14px;
    padding:2px 0 2px 13px;
    background:url(imagen/vin-lista.gif) no-repeat left center;
}

/*FIN LISTAS*/

/*VIÑETAS*/
.tit-punto {
	border-bottom-style: none;
	background-image: url(imagen/punto-verde.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 3px;
}
/*FIN VIÑETAS*/

/*FLOTAMIENTOS*/
.flot-izq {
	float: left;
}
.flot-drcha {
	float: right;
}
.clear {
	clear:both;
}
/*FIN FLOTAMIENTOS*/

/*MÁRGENES Y RELLENOS*/
.mrg-inf20 {
	margin-bottom: 20px;
}
.mrg-sup20 {
	margin-top: 20px;
}
/*FIN MÁRGENES Y RELLENOS*/

/*TEXTOS*/
.blanco{
	color:#FFFFFF;
}
.verde {
	color: #1b601f;
}

/*estilos unidos para titular tipo Noticias, el primero va en un div inicial*/
.izq-titulo {background:url(imagen/bg-izq-titulo.jpg) no-repeat;width:11px;height:27px;float:left;}
.titulo-index {background:url(imagen/bg-titulo-index.jpg) repeat-x; background-color:#eee;border:none;padding:0;padding-left:18px;line-height:27px; font-size:1.5em;margin:0 0 13px 0;}
.titulo-index a {color:#1B601F;}
/*FIN estilos unidos para titular tipo Noticias, el primero va en un div inicial*/

/*TEXTOS*/

/*FONDOS*/
.bg-gris {background-color:#eeeeee;}

/*FIN FONDOS*/

/*IMAGENES*/
.img-drcha {
	float:right;
	border: 1px solid #1B601F;
	padding: 1px;
	margin-top: 5px;
	margin-left: 10px;
}

.img-drcha1{
	float:right;
	padding: 1px;
	margin-top: 5px;
	margin-left: 10px;
}
/*FIN IMAGENES*/

/*FIN CLASES GENÉRICAS----------------------*/


/*CLASES ESPECÍFICAS----------------------*/

/*ICONOS CON TÍTULO DEL INDEX*/
.tit-icon a:link, .tit-icon a:visited {
	text-decoration: none;
	color: #1b601f;
	font-size:14px;
}
.tit-icon a:hover, .tit-icon a:active {
	color: #5ac20f;
}
.tit-icon {
	height: 50px;
	width:200px;
	margin-left: 30px;
	margin-bottom: 15px;
	float:left;
}
.pos-tit-icon {
	padding-top: 15px;
	padding-left: 85px;
	border-bottom-width: 0px;
	border-bottom-style: none;
}

/*PARTE TRANSPARENTE IZQ PARA QUE LAS INTROS DE TITULO DE SECCIÓN CREZCAN CON LA VENTANA*/
.transp {
	height: 60px;
	width: 500px;
}
/*FIN PARTE TRANSPARENTE IZQ PARA QUE LAS INTROS DE TITULO DE SECCIÓN CREZCAN CON LA VENTANA*/


/*FIN CLASES ESPECÍFICAS----------------------*/



/*****************SECCIONES*******************/

/*SEM*/
#intro-sem {
	height: 60px;
	background-image: url(imagen/intro-sem.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-sem  {
	display: none;
}
#intro-sem h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }
.sem-ejemplos {
	height:151px;
	float: left;
	padding-left: 12px;
	padding-top: 25px;
}
.sem-ejemplos h4 {
	color: #1b601f;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
	padding-bottom:3px;
}



/*FLASH************************/

.flash-seo{
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
	background-image:url(imagen/seo1.jpg);
	background-repeat:no-repeat;
    }
	
.flash-izq{
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
	float:left;
	background-image:url(imagen/estadistica-sem1.jpg);
	background-position:right;
	background-repeat:no-repeat;
    }
	
.flash-izq-sem{
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
	float:left;
	background-image:url(imagen/estadistica-sem2.jpg);
	background-position:right;
	background-repeat:no-repeat;
    }
	
.flash-izq-ven{
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
	float:left;
	background-image:url(imagen/ventajas.jpg);
	background-position:right;
	background-repeat:no-repeat;
    }
	
.flash-web{
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;

    }

.flash-sem {
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
	background-image:url(imagen/buscadores-sem.jpg);
	background-repeat:no-repeat;
    }
	
.flash-sem-grafico {
	_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
}
.imagen-aportamos-sem{
	_right: 8px;
	width:98%;
	height:150px;
	position:relative;
	right: 5px;


}

.imagen-conseguimos-sem{
	_right: 8px;
	width:98%;
	height:150px;
	position:relative;
	right: 5px;


}
/*FIN SEM*/	

/*SEO y Análisis*/

#intro-seo {
	height: 60px;
	background-image: url(imagen/intro-seo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-seo  {
	display: none;
}
#intro-seo h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }

/*FIN SEO y Análisis*/


/*Blogs*/
#intro-blogs {
	height: 60px;
	background-image: url(imagen/intro-blogs.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-blogs {
	display: none;
}
#intro-blogs h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }

/*Fin Blogs*/


/*E-MAILING*/

#intro-emailing {
	height: 60px;
	background-image: url(imagen/intro-emailing.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}

#intro-emailing h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }
	
#msj-intro-emailing {
	display: none;
}



/*Telemarketing*/
#intro-tmark {
	height: 60px;
	background-image: url(imagen/intro-telemarketing.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-tmark  {
	display: none;
}
#intro-tmark h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
}

/*FIN Telemarketing*/

/*IMAGENES*/	
	
.imagen{
_right: 8px;
width:98%;
height:150px;
position:relative;
right: 5px;

}



.texto-extra{
width:501px;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
position:absolute;

}


.telemarketing-lista{
width:400px;

}

.tele-lista1{
width:200px;
float:left;
background-color:#00CC00;

}

/*RELACIONES PÚBLICAS*/

#intro-relaciones {
	height: 60px;
	background-image: url(imagen/intro-relaciones.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-relaciones  {
	display: none;
}
#intro-relaciones h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }





/*ALOJAMIENTO*/

#intro-alojamiento{
	height: 60px;
	background-image: url(imagen/intro-alojamiento.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}



/*FIN ALOJAMIENTO*/

/*APLICACIONES*/

#intro-aplicaciones{
	height: 60px;
	background-image: url(imagen/intro-aplicaciones.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}


/*FIN APLICACIONES*/

/*MARKETING DIRECTO*/

#intro-marketing{
	height: 60px;
	background-image: url(imagen/intro-marketing.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}



/*PUBLICACIONES ONLINE*/

#intro-publicaciones{
	height: 60px;
	background-image: url(imagen/intro-publicaciones.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}




/*CONTACTAR*/

#intro-contactar{
	height: 60px;
	background-image: url(imagen/intro-contactar.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}

.relleno-contactar{
margin-top:20px;
width:200px;
height:169px;

}
.imagen-contactar{
	_right: 8px;
	z-index: 10;
	width: 98%;
	height:159px;
	position:relative;
	right: 5px;
	margin-bottom:10px;
	background-image:url(imagen/contacto.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
	

.mapa-google{
width:450px;
height:300px;
margin-left:30px;

}


/*CONTENIDOS*/

#intro-contenidos{
	height: 60px;
	background-image: url(imagen/intro-contenidos.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}



/*DISEÑO-HORIZONTAL*/

#intro-diseno{
	height: 60px;
	background-image: url(imagen/intro-diseno.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}





/*CURSOS PARA NIÑOS*/

#intro-ninos{
	height: 60px;
	background-image: url(imagen/intro-ninos.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}



/*eLearning*/

#intro-elearning{
	height: 60px;
	background-image: url(imagen/intro-elearning.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}



/*DESARROLLO*/

#intro-desarrollo{
	height: 60px;
	background-image: url(imagen/intro-desarrollo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}

/*NUESTROS PROYECTOS*/
#intro-proy {
	height: 60px;
	background-image: url(imagen/intro-proyectos.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-proy  {
	display: none;
}
#intro-proy h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }
/*FIN NUESTROS PROYECTOS*/

/*FORMULARIOS*/

.formulario{
margin-top:15px;
padding-left:20px;
width:530px;
border:0; 
}

.cabecero-formulario{
width:500px;
height:20px;
}

.separador{
width:500px;
height:20px;
float:left;
text-align:center;

}

.separador2{
width:500px;
height:20px;
float:left;
text-align:center;

}

.nombre{
 width:92px;
 float:left;
}


.area{
 width:120px;
 float:left;
}


.apellido{
 width:92px;
 float:left;
}
.campo1{
width:172px;
float:left;

}

.cp{
 width:50px;
 float:left;
}

.campo-formularios{
border: 1px solid #00CC00;
background-color:#F2FFF2;
}

#bloque4 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width:600px;
	
}

#bloque-formulario {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width:600px;
	
}
.comentario{
width:530px;
float:left;
margin-left:0px;
}

.enviar{
width:500px;
float:left;
margin-left:120px;
}

.enviar1{
width:100px;
padding:0 25px 0 25px;
float: left;
}

.boton{
width:250px;
float:left;
margin-left:18px;
padding:0px;

}

.boton-estilo{
color:#009900;
}

.noticias{
color:#006600;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
background-color:#FFFFFF;
font-weight:bold;
}

.articulos{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #00CC00;
}

.articulos a{
color:#006600;
text-decoration:none;
}


/*DESPLEGABLE*/

.desplegable-diseño{
width:400px;
float:left;

}
/*ESTILOS ACORDEÓN PANEL*/
/* Accordion */
.accordionHeader
{
    border: 1px solid #CCCCCC;
    color: #333333;
    background-color:#EAEAEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
   background-image:url(imagen/fnd-pastillas.jpg);
   background-repeat:repeat-x;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.acordeon-bloque
{
margin-left:10px;
}






/*CollapsiblePanel*/
.ContainerPanel
{
	width:98%;
	border: 1px solid #CCCCCC;
	background-image:url(imagen/bg-menu-main1.png);
	background-repeat:repeat-x;
	
	
}
.collapsePanelHeader
{
	width:98%;
	height:20px;
	padding-top:5px;
background-color:#EAEAEA;
	color:#006600;
	font-weight:bold;
}
.HeaderContent
{
	float:left;
	padding-left:5px;
	

}
.Content
{	
	
}
.ArrowExpand
{
	background-image: url(imagen/expand_blue.jpg);
	width:16px;
	height:16px;
	float:right;
	margin-top:4px;
	margin-right:5px;
}
.ArrowExpand:hover
{
	cursor:hand;
}
.ArrowClose
{
	background-image: url(imagen/collapse_blue.jpg);
	width:16px;
	height:16px;
	float:right;
	margin-top:4px;
	margin-right:5px;
}
.ArrowClose:hover
{
	cursor:hand;
}

/*MAPA WEB*/


.bloque-mapa{
margin-top:20px;
width:790px;
float:left;
height:1400px;


}

.bloque-mapa-izq{
margin-top:20px;
width:330px;
float:left;
height:500px;
padding-left:20px;
margin-left:40px;
}

.bloque-mapa-izq li{
list-style:none;
}

.bloque-mapa-izq a{
	display:block;
	background-color:#CCCCCC;
	color:#333333;
	width:220px;
	padding:4px 0 5px 10px;
	text-decoration:none;
	margin-bottom: 10px;
		border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}

.bloque-mapa-izq a:hover{

	color:#009900;
	

}

.bloque-mapa-der{
margin-top:20px;
width:350px;
float:left;
height:500px;
}

.bloque-mapa-der li{
list-style:none;
}

.bloque-mapa-der a{
	display:block;
	background-color:#CCCCCC;
	color:#333333;
	width:220px;
	padding:4px 0 5px 10px;
	text-decoration:none;
	margin-bottom: 10px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}

.bloque-mapa-der a:hover{

	color:#009900;
	

}

.subtitulo-map a
{
	display:block;
	background-color:#E6E6E6;
	color:#333333;
	width:200px;
	padding:4px 0 5px 10px;
	text-decoration:none;
	margin-top: 3px;
	margin-left:20px;

	
}

.inferior-mapa{

text-align:left;
height:50px;
width:98%;

}

#intro-mapa {
	height: 60px;
	background-image: url(imagen/intro-mapa.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}


.campos-obligatorios{
width:100%;
height:15px;
margin-top:10px;
border-bottom:1px solid #999999;
float:left;
}

#intro-vacio {
	height: 60px;
	background-image: url(imagen/intro-vacio.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
/*Formularios*/
.TextoBien{
background-image:url(imagen/ok.gif);
background-repeat:no-repeat;
background-position:right;
font-size:14px;
font-weight:bold;
color:#006600;
}
.TextoMal{
background-image:url(imagen/no.gif);
background-repeat:no-repeat;
background-position:right;
font-size:14px;
font-weight:bold;
color:#CC0000;

}

/*DISEÑO WEB*/


.mensaje-olvido{

font-size:14px;
font-weight:bold;
margin-left:20px;
color:#666666;
padding-bottom:20px;
}

/*BOTON INFORMACIÓN*/

.boton-informacion{
width:209px;
height:33px;
background-image:url(imagen/boton-informacion.jpg);
background-repeat:no-repeat;
float:left;
margin:30px 0 0 0;
padding:9px 0 0 20px;

}

.boton-informacion a{
font-size:14px;
font-weight:bold;
color:#FFFFFF;

}

.boton-informacion a:hover{
color:#003300;

}

.titulo1{
font-size:14px;
font-weight:bold;
}

/*fin BOTON INFORMACIÓN*/

/*AREA DE INTERES*/

.area-interes{
 width:200px;
 float:left;

}

.area-botones{
width:600px;
float:left;

}

.area-botones ul{
margin:15px 0 0 0;
padding-bottom:10px;

}

.area-botones li{
float:left;
list-style:none;
width:200px;

}
/*FIN AREA DE INTERES*/
/*EXTRA*/

.segunda-barra
{
   width:100%;
   height:72px; 
   float:left;
   background-color:#eeeeee;
    }
    
.imagen-extra
{
width:173px;
height:72px;
float:left;

    }
    
.login-conect
{
 width:590px;
 float:right;
 background:url(imagen/fondo-login.gif) no-repeat right center ;
 background-repeat:no-repeat;
 margin-right:5px;
 padding:10px 40px 0 0;
 font-size:12px;
 text-align:right; 
    }
       
.login-conect a
{
text-decoration:none;
padding-top:8px;
    
    }
    
a.cerrar-login:link
{
    background:url(imagen/salir.jpg) no-repeat left center;
    margin:5px 0 0 0;
    padding:5px 0 3px 20px;
    font-weight:bold;
    }
a.cerrar-login:hover
{
    color:#ed0000!important;
    }    

#usuario {
    float:right;
    height:25px;
    background-color:#eee;
    display:block;
    margin:0;
    padding:10px 0 0 0;
    width:100%;
    font-size:12px;
    border-bottom:solid 1px #ccc;
}
#usuario a:link,#usuario a:visited {
    text-decoration:none;
}

.salir-extra {background:url(imagen/salir.jpg) no-repeat;padding:0 0 3px 20px;*line-height:18px;}
a.salir-extra:link,a.salir-extra:visited {color:#404040!important;}
a.salir-extra:hover,a.salir-extra:active {color:#ed0000!important;}

.login-name {background:url(imagen/extRa-btn.jpg) no-repeat;padding:3px 0 3px 25px;*line-height:18px;}

.login {background-color:#EEEEEE;padding:10px 0 10px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
    
/*FIN EXTRA*/

/*SLIDER*/
#photos {_right: 8px;
	z-index: 10;
	width: 98%;
	position:relative;
	right: 5px;
	text-align:left;
	}

#photos h2 {
    border:none;
    color:#fff;
    margin:4px 0 0 0;
    font-size:18px;
    }

#photos p {margin:0 0 0 0;}

#photos a:hover,#photos a:active {color:#66C51F!important;}

/*FIN SLIDER*/

/*NOTICIAS*/

#noticias a:link,#noticias a:visited {text-decoration:none}

#noticias .titular a:link,#noticias .titular a:visited, #noticias h3.titular  {
    font-weight:bold;
    color:#1b601f;
    font-size:1.3em;
    border:none;
    }
#noticias .titular a:hover,#noticias .titular a:active {
    color:#5AC20F;
    }
#noticias h3.titular {
    margin:0 0 0 10px;
    }

#noticias .fecha {
    color:#404040;
    margin:0 0 10px 0;
    font-size:0.9em;
    background-color:#eee;
    padding:3px;
    border-top:solid 1px #ddd;
    }

#noticias .entradilla a:link,#noticias .entradilla a:visited {
    color:#000;
    }
#noticias .entradilla a:hover,#noticias .entradilla a:active {
    background-color:#ececec;
    }

#noticias .mas-noticias a:link,#noticias .mas-noticias a:visited {
    height:31px;
    width:176px;
    background:url(imagen/boton-mas-noticias.jpg) no-repeat;
    display:block;
    margin:20px 0 0 0;
    }
#noticias .mas-noticias a:hover,#noticias .mas-noticias a:active {
    background:url(imagen/boton-mas-noticias-hover.jpg) no-repeat;
    }

#intro-noti {
	height: 60px;
	background-image: url(imagen/intro-noticias.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-noti  {
	display: none;
}

.lista-noticias li  {
	list-style-type: none;
	margin-bottom: 12px;
	margin-left: 0px;
}
.lista-noticias a{
    font-size:13px;
    text-decoration:none;
    color:#006600;
    font-weight:bold;
}
.lista-noticias a:hover{
    color:#339900;
}
.lista-noticias .fecha-indice {
    font-size:11px;
    color:#888;
    padding:3px;
    display:block;
    background-color:#eee;
    margin-bottom:3px;
    border-top:solid 1px #ccc;
}

#noticias img.marco {border:solid 1px #ccc;padding:10px;background-color:#eee;}
#noticias img.marco-drcha {border:solid 1px #ccc;padding:10px;background-color:#eee;margin-left:10px;}
#noticias img.marco-izq {border:solid 1px #ccc;padding:10px;background-color:#eee;margin-right:10px;}

/*FIN NOTICIAS*/

/*PÁGINA LOGIN*/

#intro-login {
	height: 60px;
	background-image: url(imagen/intro-login.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-login  {
	display: none;
}
#intro-login h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }
#log-clientes {margin:20px 0 0 20px;}
.label {float:left;width:150px;}
.input {float:left;}
.input input {
    float:left;
    border: 1px solid #00CC00;
    background-color:#F2FFF2;
}
.campo {height:30px;}
.def-form {
width:400px;
height:15px;
margin:10px 0 10px 0;
border-bottom:1px solid #999999;
}
.error {color:#f80000;padding:0 0 5px 0;display:block;font-weight:bold;}
    
/*FIN PÁGINA LOGIN*/

/*MI PERFIL*/

#intro-perfil {
	height: 60px;
	background-image: url(imagen/intro-perfil.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-perfil  {
	display: none;
}
#intro-perfil h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }

/*FIN MI PERFIL*/

/*BOTÓN COMPARTIR*/

#compartir {
    margin:20px 0 20px 0px;
    padding:0 0 15px 10px;
    border-bottom:solid 1px #dddddd;
    }
#compartir h4 {
    margin-bottom:5px;
}

/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
} 
.addthis_toolbox .custom_images .addthis_button_more {margin-left:10px;}     

/*FIN BOTÓN COMPARTIR*/

/*extRA*/

#intro-extra {
	height: 60px;
	background-image: url(imagen/intro-extra.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 5px;
	position:relative;
}
#msj-intro-extra  {
	display: none;
}
#intro-extra h3 {
    position:absolute;
    font-size:11px;
    color:#003300;
    border-bottom:none 0px;
    width:350px;
    top:17px;
    left:10px;
    z-index:200;
    }
    
/*FIN extRA*/

.rss {float:right;}