/* CSS Document */



@import url(estilos.css);

@import url(articulos.css);

@import url(cabecera.css);

@import url(menues.css);

@import url(pie.css);

@import url(derecha.css);



/* ============= PAGINA ============= */

body {

	background-color:#c2d4ff;

	color:#333;

	margin:0;

	text-align:center; 

}



/* ============= CUERPO ============= */

#navegador {

	border-bottom: 1px solid #CCC;

	color:#808080; 

	font:normal normal .63em Arial, Helvetica, sans-serif; 

	padding:5px 0 5px; 

}

#navegador a:link, #navegador a:visited, #navegador a:hover  {

	color:#808080;

	text-decoration:none;

}

#contenedor-principal{

	background:#FFF;

	border-left:1px dotted #ccc;

	border-right:1px dotted #ccc;

	margin:auto;

	padding:0 13.13em 0 10px;

	position:relative;

	text-align:left;

	width:47.5em;

}

#caja_contenidos {

	float:left;

	margin-top:21px;

	min-height:702px;

	width:33.8125em;

}

* html #caja_contenidos {height:702px;}/* Hack para IE6 */

#caja_contenidos-banner {

	float:left;

	margin-top:-5px;

	width:33.8125em;

}

.caja-gral { 

	background:url(../img/gradiente-oscuro.jpg) repeat-x top; 

	border:1px solid #CCC; 

	margin-bottom:21px; 

	overflow:hidden;

	padding:20px 10px 5px;

	width:32.4375em; 

}

.caja-secundaria {

	background-color:#F0F4FF; 

	border:1px solid #CCC;

	padding:5px 10px; 

}

.masinfo { 

	border-top:1px solid #607DBF; 

	clear:left; 

	margin-bottom:21px;

}

.masinfo_disenoweb { 

	border-bottom:1px solid #607DBF; 

	clear:left; 

	margin-bottom:21px;

}

.masinfo-bullet {

	background:url(../img/flecha_masinfo.gif) no-repeat left 2px;

	padding-left:15px;

}

.paquetes {

	float:left; 

	margin-bottom:21px;

	width:15em; 

}

.paquetes_img {

	float:right;

	margin-left:10px;

}

.paquetes ul {clear:both;}

.paquetes h3 {

	clear:both;

	color:#0959ff;

	margin:0;

}

.paq_izq { margin-right:2.4em;}



/* ============= OTROS ELEMENTOS ============= */

img {border:none;}

p img { padding-right:4px;}

.img-textwrap {

	float:left; 

	margin:30px 20px 13px 0;

}

.img-textwrap_der {

	float:right; 

	margin:30px 0 0;

}

.volver, .img-ofertas {text-align:center;}

.lista_horiz {

	list-style:none; 

	margin-left:0; 

	padding-left:0;

}

.lista_horiz li {display:inline;}



.cont-nav {

	margin-bottom:30px; 

	margin-top:30px; 

	text-align:center;

}

.cont-nav li { 

	margin-left:5px; 

	margin-right:5px;

}

.linea_divisoria {

	border-top:1px solid #607DBF;

	clear:both;

	margin:10px 0;

}

.bullet {

	background:url(../img/bullet-flechas.gif) no-repeat left 3px;

	padding-left:10px;

}

.floatLeft {

	float:left;

	margin:0 20px 20px 0;

}

.floatRight {

	float:right;

	margin:0 0 20px 20px;

}

#col-der {

	float:right;

	margin-top:21px; 

	width:12em; 

}

#col-der p { margin:1em 0;}

#col-der .banners-posic {margin-top:35px;}





/* ============= SECCIONES ============= */



/*prensa*/

.img-prensa {

	float:left;

	margin: 5px 20px 13px 0;

}

.clear { clear:both;}



/*tabla de precios*/

.precios td, .precios th { 

	border:1px solid #CCC;

	margin-right:15px; 

	padding:2px; 

	text-align:left; 

}

.precios caption { 

	padding:2px;

	text-align:left; 

}

/*equipo*/

.equipo p {

	width:25em;

}

.equipo img {

	float:right;

	padding-top:30px;

}

/*noticias*/

.noticias_ppl ul {

	list-style:none;

	margin:15px 0 0;

	padding:0;

}

.noticias_ppl li { margin-bottom:1.5em;}

.noticias_ppl ul a { font-weight:bold;}

.noticias_ppl ul img { margin-right:5px;}

.noticias { padding-top:30px;}

.noticias img {

	clear:right;

	float:right;

	margin-top:13px;

}

.noticias p, .noticias ul {width:29em;}

.noticias p img {

	float:none;

	margin-top:0;

}

.noticias-nav {

	margin:0 0 21px;

	text-align:center;

}

.noticias-nav li { margin:0 5px;}

.noticias-nav img { padding-bottom:2px;}



/*diseno web*/

#b-diseno h3 {

	border-bottom:1px solid #607DBF;

	padding-bottom:5px;

}

#b-diseno br, #idi br {clear:both;}

#b-diseno div {

	display:inline;

	float:left;

	margin:10px 0;

	padding:0 10px;

	width:152px;

}

#b-diseno .mas_info {

	margin:0 0 0 5px;

	padding:120px 0 6px;

}

#w-corp {

	background:url(../img/diseno-web-corp-boton.jpg) no-repeat bottom;

	border-right:1px dotted #ccc;

}

#w-cat_tienda {

	background:url(../img/diseno-tienda-boton.jpg) no-repeat bottom;

	border-right:1px dotted #ccc;

}

#w-portal {

	background:url(../img/diseno-portal-boton.jpg) no-repeat bottom;

}

#w-red-marketing {

	background:url(../img/redes_sociales_cajamarketing.jpg) no-repeat bottom;

}

#w-red-reputacion {

	background:url(../img/redes_sociales_cajareputacion.jpg) no-repeat bottom;

}

#w-red-blogs {

	background:url(../img/redes_sociales_cajablogs.jpg) no-repeat bottom;

}

#idi div {

	display:inline;

	float:left;

	width:249px;

}

#metodologia {

	color:#333;

	font:normal normal .75em Arial, Helvetica, sans-serif;

	list-style:none;

	margin:20px 0 0;

	padding:0;

}

#metodologia li {

	line-height:2.5em;

	padding-left:30px;

}

#metodologia li:first-letter { color:#0959ff;}

#met-uno { background:url(../img/serv-dw-i1.gif) no-repeat left;}

#met-dos { background:url(../img/serv-dw-i2.gif) no-repeat left;}

#met-tres { background:url(../img/serv-dw-i3.gif) no-repeat left;}

#met-cuatro { background:url(../img/serv-dw-i4.gif) no-repeat left;}

#met-cinco { background:url(../img/serv-dw-i5.gif) no-repeat left;}

#met-seis { background:url(../img/serv-dw-i6.gif) no-repeat left;}

#met-siete { background:url(../img/serv-dw-i7.gif) no-repeat left;}

#met-ocho { background:url(../img/serv-dw-i8.gif) no-repeat left;}

#met-nueve { background:url(../img/serv-dw-i9.gif) no-repeat left;}

#bullet-flechas { margin-bottom:1px;}



/*posicionamiento web*/

#pw-ppc {

	background:url(../img/posic-web-natural-boton.jpg) no-repeat bottom;

	border-right:1px dotted #ccc;

}

#pw-natural {

	background:url(../img/posic-web-email-boton.jpg) no-repeat bottom;

	border-right:1px dotted #ccc;

}

#pw-email {

	background:url(../img/posic-web-ppc-boton.jpg) no-repeat bottom;

}

#pw-garantizado p { margin-left:320px;}

#pw-garantizado img {

	float:left; 

	margin: 20px 20px 13px 0;

}

 

 /*medios / reportajes*/

#medios ul ul { margin-bottom:1em;}

#medios ul ul li { margin-top:2px;}

.cajaSec_PaddingTop {

	margin-bottom:1em;

	padding-top:20px;

}



/*oferta financiacion*/

.floats {

	float:left;

	width:11.5em;

}

.img_banners {

	float:right;

	margin-left:25px;

	width:125px;

}

.img_banners img {padding-top:15px;}



/*manual xhtml*/

.manual_xhtml table {

	border:1px solid #ccc;

	margin:1em 0;

}

.manual_xhtml table td, .manual_xhtml table th {

	border:1px solid #ccc;

	padding:5px;

}

.manual_xhtml table caption {

	font-weight:bold;

	margin-top:1em;

}

/*autogestionable*/

.autogestionable h2 img {

	margin:1.4em 1em 0 0;

	vertical-align:bottom;

}

 /* Botones */

	 	.containerbuttons {clear:both;text-align:center;overflow:hidden;padding:10px 10px 5px;width:140px;}		

	 				.button {background:transparent;width:33px;float:left;margin:0 6px;display:block;}													

							

					#facebook{display:block; width:33px;height:34px;background:url("http://www.serviweb.es/img/fb1.png") no-repeat 0 0;}

					#facebook:hover	{background-position: 0 -34px;}

					#facebook span {display: none;}

					

					#twitter{display:block; width:33px;height:34px;background:url("http://www.serviweb.es/img/twitter1.png") no-repeat 0 0;}

					#twitter:hover	{background-position: 0 -34px;}

					#twitter span {display: none;}

					

					#rss{display:block; width:33px;height:34px;background:url("http://www.serviweb.es/img/rss1.png") no-repeat 0 0;}

					#rss:hover	{background-position: 0 -34px;}

					#rss span {display: none;}

.sprit{background:url('../img/result.png');}

#sprite1{background-position:0px 0px;width:68px;height:69px;float:left}

#sprite2{background-position:0px -79px;width:68px;height:69px;float:left;margin-left:16px}

#sprite3{background-position:0px -158px;width:91px;height:51px;float:left;margin-top:10px}

#sprite4{background-position:0px -219px;width:55px;height:51px;float:left;margin-top:10px}

#sprite5{background-position:0px -280px;width:76px;height:45px;float:left;margin-top:10px}

#sprite6{background-position:0px -335px;width:66px;height:45px;float:left;margin-left:12px;margin-top:10px}

#sprite7{background-position:0px -390px;width:82px;height:55px;float:left;margin-top:10px}

#sprite8{background-position:0px -455px;width:57px;height:55px;float:left;margin-left:6px;margin-top:10px}

#sprite9{background-position:0px -520px;width:150px;height:44px;float:left;margin-left:px;margin-top:10px}

h1 a { color:#808080 ! important; text-decoration:none ! important; border-bottom:none; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font:normal;background-color:#fff; border:0;}

#tup {

	background:#fff;

	border-bottom:1px solid #CCC;

	padding:5px 0 5px 5px; }

#tup h2 {

	border:none;

	color:#808080; 

	font:normal normal .625em Arial, Helvetica, sans-serif;

	padding:0;

	margin:0;}
	
.cab 
{
	width:100%;
	height:20px;
	text-align:center; 
    border-bottom: 1px solid #CCC;
	margin-right:0px;
	background:#CCCCCC !important;
    padding-top: 5px;
}

a.cab_a
{ 
	color:#000000 !important; 
	text-decoration:none; 
	border-bottom:none; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	background:none !important;
	display:inline;
}

.cab_h1
{ 
	color:#000000 !important; 
	text-decoration:none; 
	border-bottom:none; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal;
	background:none !important;
	display:inline;
    margin-left:-480px;
}

.cab_h2 
{

	border:none;
	color:#000000;
	font-size:12px; 	
	font-family:Arial, Helvetica, sans-serif;	
	font-weight:bold;
    display:inline;
}

.bar_sep
{
	width:100%;
	border-bottom:#333333;
	vertical-align:middle;
}