@import url('resets.css');

/*******************/

body{
	font: normal 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#f7f7f7;
}

#bgContainer{
	background: #d9d9d9 url(../img/bg/body.jpg) repeat-x center -29px;
}

#container{
	width:960px;
	margin:0 auto;
}

#header{
	width:960px;
	height:112px;
	overflow:hidden;
	margin:7px 0 10px;
}

a{ color:#FF6600}

div.bulletSeo ul li{
	padding-left:11px;
	background: url(../img/iconos/bullet.gif) no-repeat 0 8px;
}

#header #logo{
	margin:14px 0 0 10px;
	width:169px;
	float:left;
}

#header #logo h1,
#header #logo h2{
	margin:0;
	padding:0;
	float:left;
}

#header #logo h1 img,
#header #logo h2 img{
	margin:0;
	padding:0;
}

#header #menu{
	width:576px;
	height:60px;
	float:right;
	margin-top:25px;
}

#header #menu ul li{
	display:inline;
}

#header #menu ul li a{
	display:block;
	height:60px;
	float:left;
	overflow:hidden;
	line-height:400px;
}

#header #menu ul li.home a{
	background:url(../img/menu/menu01.jpg) no-repeat 0 0;
	width:72px;
}

#header #menu ul li.nosotros a{
	background:url(../img/menu/menu02.jpg) no-repeat 0 0;
	width:91px;
}

#header #menu ul li.planes a{
	background:url(../img/menu/menu03.jpg) no-repeat 0 0;
	width:74px;
}

#header #menu ul li.posicionamiento a{
	background:url(../img/menu/menu04.jpg) no-repeat 0 0;
	width:137px;
}

#header #menu ul li.trabajos a{
	background:url(../img/menu/menu05.jpg) no-repeat 0 0;
	width:88px;
}

#header #menu ul li.contactenos a{
	background:url(../img/menu/menu06.jpg) no-repeat 0 0;
	width:114px;
}

#header #menu ul li a.active,
#header #menu ul li a:hover{
	background-position: 0 -60px;
}

#content{
	clear:both;
	background:#FFF url(../img/bg/content.jpg) repeat-x left bottom;
	width:960px;
	padding-bottom:25px;
	overflow: hidden;
}

#content #flashHome {
	width:948px;
	border:6px solid #c0bebf;
	overflow:hidden;
	height:277px;
}

#content #flashHome #flashHomeIzq{
	float:left;
	width:364px;
}

#content #flashHome #flashHomeDer{
	float:left;
	width:584px;
	position:relative;
}

#content #flashHome #flashHomeDer div#boton{
	top:238px;
	position:absolute;
}

#content #flashHome #flashHomeDer div#botones{
	top:241px;
	left:480px;
	width:100px;
	text-align:right;
	position:absolute;
}


#divPlanes {
	margin-top:10px;
	padding:0 0 0 11px;
	width:960px;
	overflow:hidden;
	background:url(../img/bg/divPlanes.jpg) repeat-x 0 0;
}

#divPlanes div.plan{
	width:306px;
	float:left;
	background:url(../img/bg/planes.gif) no-repeat 0 50px;
	height:440px;
}

#divPlanes div.plan h2 a{
	display:block;
	width:306px;
	height:52px;
	overflow:hidden;
	line-height:300px;

}

#divPlanes div.plan1 h2 a{
	background:url(../img/titulos/plan-disenio-web-economico.jpg) no-repeat 0 0;
}

#divPlanes div.plan2 h2 a{
	background: url(../img/titulos/promomayo2010.gif) no-repeat 0 0;
	/*height:85px; Este alto ponerlo con la imagen de una promo*/
}

#divPlanes div.plan3 h2 a{
	background:url(../img/titulos/plan-disenio-web-avanzado.jpg) no-repeat 0 0;
}

#divPlanes div.plan4 h2 a{
	background:url(../img/titulos/posicionamiento-en-buscadores.jpg) no-repeat 0 0;
}

#divPlanes div.plan1,
#divPlanes div.plan2{
	padding:0;
	margin-right:10px;
}

#divPlanes div.plan3,
#divPlanes div.plan4{
	background:url(../img/bg/planes3.gif) no-repeat 0 43px;
}

#divPlanes div.plan div.texto{
	padding:0 10px 10px;
}

#divPlanes div.plan div.texto h3{
	color:#003399;
	font-size:12px;
	margin-bottom:8px;
}

#divPlanes div.plan div.texto p.titulo{
	color:#FF6600;
	font-weight:bold;
}

#divPlanes div.plan div.texto ul li{
	color: #333;
	font-size:11px;
	padding-left:11px;
	background: url(../img/iconos/bullet.gif) no-repeat 0 8px;
}


#divPlanes div.plan div.texto div.divBoton{
	width:248px;
	margin:10px auto;
	overflow:hidden;
}

#divPlanes div.plan div.texto div.divBoton a.masInfo{
	width:96px;
	height:55px;
	display:block;
	overflow:hidden;
	line-height:300px;
	float:left;
}

#divPlanes div.plan div.texto div.divBoton a.contratar{
	width:152px;
	height:55px;
	display:block;
	overflow:hidden;
	line-height:300px;
	float:left;
}


#divPlanes div.plan1 div.texto div.divBoton a.masInfo{
	background:url(../img/botones/plan101.jpg) no-repeat 0 0;
}

#divPlanes div.plan1 div.texto div.divBoton a.contratar{
	background:url(../img/botones/plan102.jpg) no-repeat 0 0;
}

#divPlanes div.plan2 div.texto div.divBoton a.masInfo{
	background:url(../img/botones/plan201.jpg) no-repeat 0 0;
}

#divPlanes div.plan2 div.texto div.divBoton a.contratar{
	background:url(../img/botones/plan202.jpg) no-repeat 0 0;
}

#divPlanes div.plan3 div.texto div.divBoton a.masInfo{
	background:url(../img/botones/plan301.jpg) no-repeat 0 0;
}

#divPlanes div.plan3 div.texto div.divBoton a.contratar{
	background:url(../img/botones/plan302.jpg) no-repeat 0 0;
}

#divPlanes div.plan div.texto div.divBoton a:hover{
	background-position:0 -54px;
}

#bgFooter{
	background: url(../img/bg/footer.jpg) no-repeat center top;
	overflow:hidden;
}

#footer{
	width:960px;
	margin:0 auto;
	border-bottom:1px solid #e6e6e6;
}

#footer a{
	color:#666;
	text-decoration:none;
	font-size:12px;
}

#footer a:hover{
	color:#333;
}

#footer div#columna1{
	width:323px;
	padding:35px 0 0 0px;
	margin:0;
	text-align:center;
	float:left;
	background:url(../img/bg/separadorFooter.gif) repeat-y right 0px;
	height:200px;
}

#footer div#columna1 a{
	color:#666;
	text-decoration:none;
	font-size:11px;
}

#footer div#columna2{
	width:110px;
	padding:28px 0 0 20px;
	float:left;
	background: url(../img/llave.gif) no-repeat right 43px;
}

#footer div#columna2 ul li{
	padding-bottom:6px;
}

#footer div#columna2 ul li a{
	background:url(../img/iconos/bullet2.gif) no-repeat 0 4px;
	padding-left:7px;
}

#footer div#columna3{
	width:186px;
	padding:44px 0 0 0px;
	float:left;
}

#footer div#columna3 ul li{
	padding-bottom:3px;
}

#footer div#columna3 ul li a{
	background:url(../img/iconos/bullet3.gif) no-repeat 0 4px;
	padding-left:5px;
	font-size:11px;
}

#footer div#columna4{
	padding:34px 0 0 45px;
	float:left;
	background:url(../img/bg/separadorFooter.gif) repeat-y 0px 0px;
	height:200px;
}

#footer div#columna4 ul.solicitar li{
	margin:0px;
	padding:0;
}
#footer div#columna4 ul.solicitar li.solicitarTitulo{
	padding-left:6px;
}

#footer div#columna4 ul li a{
	display:block;
	width:240px;
	height:38px;
	float:left;
	overflow:hidden;
	line-height:250px;
	clear:both;
}

#footer div#columna4 ul li a.solicitar1{
	background:url(../img/botones/disenio-web-economico-solicitar.gif) no-repeat 0 0;
	margin-top:10px;
}

#footer div#columna4 ul li a.solicitar2{
	background:url(../img/botones/disenio-web-empresas-solicitar.gif) no-repeat 0 0;
}

#footer div#columna4 ul li a.solicitar3{
	background:url(../img/botones/disenio-web-avanzado-solicitar.gif) no-repeat 0 0;
}

#footer div#columna4 ul li a.solicitar4{
	background:url(../img/botones/disenio-web-a-medida-solicitar.gif) no-repeat 0 0;
}

#footer div#columna4 ul li a:hover{
	background-position:0 -40px;
}


/*    INTERNA        */

#content.interna{
	clear:both;
	background:#FFF url(../img/bg/contentInterna.gif) no-repeat 0 0;
	width:928px;
	padding:24px 16px 25px;
	overflow: hidden;
}

#content.interna h1, #content.interna h2, #content.interna h3{
	margin:0 0 0.5em;
	color:#f15f23;
	font-weight:bold;
}

#content.interna h2.especial, #content.interna h3.especial{
	color:#333;
	font-weight:normal;
}

#content.interna h2.especial a, #content.interna h3.especial a{
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

#content.interna h1{
	font-size:16px;
}

#content.interna h2{
	font-size:12px;
}

#content.interna h3{
	font-size:12px;
}

#content.interna p{
	margin:0 0 0.5em;
}

div.bgPlanesBottom{
	background: url(../img/bg/bgPlanesBottom.gif) no-repeat 0 bottom;
	width:925px;
	margin:15px auto;
}

div.bgPlanesTop{
	background:url(../img/bg/bgPlanesTop.jpg) no-repeat 0 top;
	width:925px;
	overflow: hidden;
}

div#menuPlanes ul{
	margin:6px 0 0 4px;
}

div#menuPlanes ul li{
	display:inline;
}

div#menuPlanes ul li a{
	width:229px;
	height:52px;
	display:block;
	line-height:300px;
	overflow:hidden;
	float:left;
}

div#menuPlanes ul li.planes1 a{
	background: url(../img/menu/planes01.gif) no-repeat 0 -53px;
}
div#menuPlanes ul li.planes2 a{
	background: url(../img/menu/planes02.gif) no-repeat 0 -53px;
}
div#menuPlanes ul li.planes3 a{
	background: url(../img/menu/planes03.gif) no-repeat 0 -53px;	
}
div#menuPlanes ul li.planes4 a{
	background: url(../img/menu/planes04.gif) no-repeat 0 -53px;	
}

div#menuPlanes ul li a:hover,
div#menuPlanes ul li a.active{
	background-position:0 0;	
}

#detallePlanes{
	padding:0px 20px 5px 5px;
	clear:both;
}


#detallePlanes div#explicacion{
	background: url(../img/bg/explicacion.jpg) no-repeat 0 0;
	width:192px;
	height:199px;
	padding:10px 16px 10px 10px;
	font-size:12px;
	float:left;
	margin-left:5px;
}

#detallePlanes div#detalle{
	padding:0px 16px 10px 10px;
	float:left;
	width:643px;
}


#detallePlanes div#detalle ul li{
	display:block;
	color: #333;
	padding:15px 0 15px 36px;
	border-bottom:1px dotted #E5E5E5;
	background: url(../img/iconos/iconosPlanes.gif) no-repeat 0 0px;
}

#detallePlanes div#detalle ul li.item1 {
	background-position:0 12px;
}

#detallePlanes div#detalle ul li.item2 {
	background-position:0 -116px;
}

#detallePlanes div#detalle ul li.item3 {
	background-position:0 -244px;
}

#detallePlanes div#detalle ul li.item4 {
	background-position:0 -372px;
}


#detallePlanes div#detalle ul li.item5 {
	background: url(../img/iconos/iconoActualizables.gif) no-repeat 0 9px;
}

#detallePlanes div#detalle ul li.item6 {
	background-position:0 -629px;
}

#detallePlanes div#detalle ul li.item7 {
	background-position:0 -760px;
	padding-bottom:0;
	border-bottom:none;
}

#detallePlanes div#detalle ul li.item8 {
	background: url(../img/iconos/iconoFlecha.gif) no-repeat 0 24px;
}

#detallePlanes div#detalle ul li.item9 {
	background-position:0 -500px;
}



#detallePlanes div#detalle ul li.item8 ul li {
	background: url(../img/iconos/bullet5.gif) no-repeat 0 8px;
	padding:0 0 7px 11px;
	border:none;
}

#detallePlanes div#detalle ul li ul li {
	background: url(../img/iconos/bullet4.gif) no-repeat 0 8px;
	padding:0 0 10px 11px;
	border:none;
}

div#detalle h2{
	text-transform:uppercase;
}

div#detalle.plan1 h2{
	color: #ff9933;
}

div#detalle.plan3 h2{
	color: #2ba967;
}

div#detalle.plan4 h2{
	color: #1faeea;
}


#detallePlanes div#detalle div.divBoton{
	margin-left:180px;
}


#detallePlanes div#detalle div.divBoton a{
	width:248px;
	height:55px;
	display:block;
	overflow:hidden;
	line-height:300px;
	float:left;
}

#detallePlanes div#detalle div.divBoton a.contratar1{
	background:url(../img/botones/botonPlan1.gif) no-repeat 0 0;
}

#detallePlanes div#detalle div.divBoton a.contratar2{
	background:url(../img/botones/botonPlan2.gif) no-repeat 0 0;
}

#detallePlanes div#detalle div.divBoton a.contratar3{
	background:url(../img/botones/botonPlan3.gif) no-repeat 0 0;
}

#detallePlanes div#detalle div.divBoton a.contratar4{
	background:url(../img/botones/botonPlan4.gif) no-repeat 0 0;
}


#detallePlanes div#detalle div.divBoton a:hover{
	background-position: 0 -54px;
}

#detallePlanes div#detalle ul li a{
	width:auto;
	height:auto;
	display:inline;
	overflow: auto;
	line-height: normal;
	float: none;
	color:#333333
}

form.contactenos{
	width:500px;
	margin:25px auto 10px;
}

form.contactenos div{
	clear:both;
	margin-bottom:4px;
}

form.contactenos label{
	width:150px;
	text-align:right;
	padding:5px 10px 0 0;
	display:block;
	float:left;
	font-weight:bold;
}


form.contactenos input.text{
	font-size:11px;
	color:#333;
	width:250px;
	height:16px;
	border-top:none;
	border-left:1px solid #d7e0e4;
	border-right:1px solid #d7e0e4;
	border-bottom:1px solid #d7e0e4;
	padding:6px 4px 3px;
	background:url(../img/bg/bg-input.gif) repeat-x 0 0;
}

form.contactenos select{
	font-size:11px;
	color:#333;
	width:260px;
	border-top:none;
	border-left:1px solid #d7e0e4;
	border-right:1px solid #d7e0e4;
	border-bottom:1px solid #d7e0e4;
	background:url(../img/bg/bg-input.gif) repeat-x 0 0;
	margin-top:5px;
}

form.contactenos textarea{
	font-size:11px;
	color:#333;
	width:250px;
	height:100px;
	margin-bottom:4px;
	padding:6px 4px 0px;
	overflow:auto;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #d7e0e4;
	padding:3px 4px;
	background: #FFF url(../img/bg/bg-textarea.gif) repeat-x 0 bottom;
}

table.tablaSeo {
	margin:15px auto 30px;
}

table.tablaSeo td {
	padding:8px 4px;
	border-bottom:1px solid #E8E8E8;
}

table.tablaSeo td.sites a {
	color:#999;
	text-decoration:none;
}

h1.titulos{
	width:450px;
	height:22px;
	overflow:hidden;
	line-height:300px;
}

h1.disenioPaginasWebs{
	background:url(../img/titulos/disenio-paginas-web.gif) no-repeat 0 0;
}


h1.planesDisenioPaginasWebs{
	background: url(../img/titulos/planes_disenio_paginas_web.gif) no-repeat 0 0;
}


h1.seo{
	background: url(../img/titulos/posicionamiento-buscadores.gif) no-repeat 0 0;
}

h1.trabajos{
	background: url(../img/titulos/trabajos.gif) no-repeat 0 0;
}

h1.contactenos{
	background: url(../img/titulos/contactenos.gif) no-repeat 0 0;
}


div.preview{
	width:295px;
	float: left;
	padding:20px 25px;
}


div.textoTrabajos{
	border-left:1px dotted #CCCCCC;
	margin:65px 0 0 0px;
	float:left;
	padding:18px 0 25px 25px;
}

div.textoTrabajos strong{
	font-size:16px;
}

div.textoTrabajos ul li{
	display:block;
	color: #333;
	font-size:11px;
	padding-left:11px;
	background: url(../img/iconos/bullet.gif) no-repeat 0 8px;
}

div.textoTrabajos ul li a{
	display:block;
	color: #333;
	font-size:11px;
	padding-left:11px;
	background: url(../img/iconos/bullet.gif) no-repeat 0 8px;
}


div.textoTrabajos ul li a{
	width:auto;
	height:auto;
	display:inline;
	line-height: normal;
	overflow: auto;
	float: none;
	background:none;
	padding:0;
	color: #FF6600;
}


ul.destacado2{
	clear:both;
	margin:15px;
	padding:15px;
	border:1px solid #E4E4E4;
}

ul.destacado2 li{
	font-size:11px;
	color:#666;
	margin-bottom:6px;
	padding-bottom:6px;
	padding-left:11px;
	background: url(../img/iconos/bullet.gif) no-repeat 0 8px;
	border-bottom:1px dotted #E4E4E4;
}

ul.destacado2 li.none{
	margin-bottom:6px;
	padding-left:0px;
	background:none;
}

ul.destacado2 li.ultimo{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}

div.toolTipHome{
	padding:13px 0 10px 7px;
	width:279px;
	height:21px;
	background: url(../img/bg/tooltipHome.gif) no-repeat 0 0;
}

div.toolTip{
	padding:10px;
	width:423px;
	height:109px;
	background: url(../img/bg/tooltip.gif) no-repeat 0 0;
}

div.logo{
	float:left;
	margin-right:5px;
	height:109px;
}
div.toolTipHome p.toolTipTitulo,
div.toolTip p.toolTipTitulo{
	font-weight:bold;
	color:#FF6600;
}

#carousel-wrapper { 
    width: 584px; 
    height: 277px; 
    overflow: hidden;
} 
#carousel-content { 
    width: 4088px; 
} 
#carousel-content .slide { 
    float: left; 
    width: 584px; 
    height: 277px; 
}


.validation-advice{
	color:#FF0000;
	margin-left:160px;
	font-size:11px;
}

form div.noview{
	display:none;
}