/*
Theme Name: SolucionesWeb
Theme URI: http://solucionesweb.com.uy/
Description: Tema original para SolucionesWeb.com.uy
Version: 2.0
Author: Marcelo Simonetti
Tags: one column, gray, blue, fixed width

SolucionesWeb por Marcelo Simonetti || http://cebra.com.uy
Diagramado por Gonzalo Linares || http://cebra.com.uy
Plantilla creada por Camilo Rivero || http://cebra.com.uy
*/

/* CSS Document */

html {font-size: 100%;}


body 	{
	background-color:#838085;
	font: 12px "Calibri", Arial, Tahoma, Helvetica, Sans-serif;
	height: 100%;
	text-align: center;
}

a:link {color:#008ECA;text-decoration: none;}
a:visited {color:#008ECA;text-decoration: none;}
a:hover {color: #00324A;text-decoration: none;}
a:active {color: #008ECA;text-decoration: none;}

p	{font-size: 15px; color:#000000; text-align:left;} /* cuerpo de texto */
h1	{font-size: 23px; color: #00324A; } /*texto para seo en cabezal*/
h2	{font-size: 23px; color: #00324A; border-bottom: 1px solid #008ECA; text-align:left; margin:0;} /*titulos*/
h3	{font-size: 23px; color: #00324A; border-bottom: 1px solid #008ECA; text-align:right;} /*titulos ventanas*/
h4	{font-size: 18px; color:#FFFFFF; margin:0;padding-top:10px; list-style-text: none;} h4 a:link{color:#000000;} h4 a:visited{color:#000000;}h4 a:hover{color:#FFFFFF;} /*titulos para planes*/
h5	{font-size: 12px; color:#000000; text-align: left;} /* cuerpo de texto para ventanas*/
h6	{font-size: 36px; color: #00324A; text-align: left; font-weight:lighter; style-type-text: none;} /* títulos para cabezales*/
h7  {font-size: 15px; color: #000000; text-align: left; margin:0;} /* texto para links recomendados */
.style4	{color: #00324A; font-size: 18px; text-align:left; border-bottom: 1px solid #008ECA;} /*subtitulos de contenidos*/
.style5	{color:#FFFFFF; font-size: 10px; text-align:center;} /*pie*/
.style5 a:link   {color:#fff;}
.style5	a:visited	{color:#ffffff;}
.style5 a:hover	{color:#ffffff;}
.style5 a:active	{color:#ffffff;}

.wrapper	{
	width: 784px;
	height: 20px;	
	margin:0 auto;
	background-color:#FFFFFF;
	position: relative;
}

/* ------------------------------------- CABEZAL */
.search {
	width:784px;
	height:30px;
	background-color:#838085;
	text-align:right;
}

#s {
	border: 0;
	background: #ffffff;
}

#form2	{
	position:absolute;
	top: 2px;
	right: 10px;
}
#main-nav	{
	width: 784px;
	height:33px;
	font-size:16px;
	text-align: center;
	clear:both;
	background: url(images/barra_nav_01.gif) no-repeat;
	margin: 0;
}
#main-nav ul {
		margin:0;
		padding-left:32px;
		padding-top:10x;
		list-style:none;
	}
#main-nav li {
		float: left;
		margin: 0 0;
		text-transform:uppercase;
	}
#main-nav a {
		float:left;
		display:block;
		padding: 5px 10px 5px 10px;
		width:100px;
		line-height: 23px;
		text-decoration:none;
		color: #ffffff;
	}
	/* Commented Backslash Hack
	hides rule from IE5-Mac */
#main-nav a {float:none;}
	/* End IE5-Mac hack */
#main-nav li:hover {padding:0;}
#main-nav a:hover {background-color:#838085;}

#main-nav li.selected a {background-color:#838085;}

.header	{
	width: 784px;
	height: 164px;
	margin:0;
	background: url(images/head.jpg) no-repeat;
	position:relative;
}
	h1		{
		height: 89px;
		width: 202px;
		position: absolute;
		top:20px;
		left: 30px;
		overflow: hidden;
		background: url(images/logo_sw.gif) no-repeat;
	}

	 h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
		display: block;
		width:216px;
		height:109px;
		text-indent: -100000px;
	}
/* ------------------------------------- CUERPO */
.content{
margin: 10px 0;
padding: 13px 0;
	position:relative;
border: 2px solid #0099cc;
background-color: #FFF;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	text-align:center;
	width:780px;
	overflow:hidden;
}
.left{
	float: left;
	width: 190px;
	height: 251px;
	margin:0;
}

/* ------------------------------------- HOME */

	.home	{
		width:762px;
		height: 272px;
		background: url(images/cabezal_home.jpg) no-repeat;
		text-align:center;
		margin:0 8px;
		position: relative;
	}

		#paginate-slider1 {
			position: absolute;
			top: 220px;
			left: 490px;
			width: 250px;
			z-index: 999;
		}

/* ------------------------------------- EMPRESA */

	.logos	{
		margin: 0 auto;
		width: 480px;
		text-align:center;
	}
	#logo_cebra	{float:left; text-align:center; display:block; height:113px; width: 236px; margin:0 auto; background: url(images/logo_cebra.gif) no-repeat center}
	#logo_cebra a {display:block; height:113px; width: 236px; background: url(images/logo_cebra.gif) no-repeat center}
	#logo_sw	{float:right; text-align:center; display:block; height:113px; width: 236px; margin:0 auto; background: url(images/logo_sw2.gif) no-repeat center}
	#logo_sw a {display:block; height:113px; width:236px; background: url(images/logo_sw2.gif) no-repeat center}


/* ------------------------------------- SERVICIOS */
	.head_serv	{
	width:762px;
	height: 204px;
	background: #FFFFFF;
	text-align:center;
	margin:0 8px;
	position: relative;
	}
	.menu{
		width:762px;
		height:68px;
		clear: both;
		background: url(images/barra_nav_02.gif) no-repeat;
		margin:0 8px;
		padding:0;
		border:0;
	}
	.menu ul{
		margin:0;
		border:0;
		list-style:none;
		padding:0;
	}
	.menu li{
		float: left;
		margin:0;
		border:0;
		font-size: 0%;
		text-indent: -999999px;
	}
	.menu a{
		margin:0;
		border:0;
		display:block;
		height:68px;
		width:127px;
	}
	
	.al:hover{
		background: url(images/b_al_web.gif) no-repeat top;
		display:block;
	}
	
	.seo:hover{
		background: url(images/b_seo_web.gif) no-repeat top;
		display:block;
	}
	.red:hover{
		background: url(images/b_red_web.gif) no-repeat top;
		display:block;
	}
	.cms:hover{
		background: url(images/b_dis_web.gif) no-repeat top;
		display:block;
	}
	.dom:hover{
		background: url(images/b_reg_web.gif) no-repeat top;
		display:block;
	}
	.spam:hover{
		background: url(images/b_spam_web.gif) no-repeat top;
		display:block;
	}
	
/* ------------------------------------- SERVICIOS: alojamiento web */

.servicios, .default	{
	width:760px;
	margin:0 5px 0 10px;
	padding: 10px 0 10px 0;
	background-color:#FFFFFF;
	text-align:justify;
}
.text_left	{
	float:left;
	width:380px;
	margin: 10px 20px;
	text-align:justify;
}

.planes {
	float: right;
	margin: 0 5px;
	padding: 0 30px 45px 0;
	position: relative;
	width: 212px;
}
	.planes h4 { padding: 12px 0 5px 50px; }

	#plan-164 h4 { background: url(images/bg_info_bronze.gif) no-repeat left top; }
	#plan-165 h4 { background: url(images/bg_info_silver.gif) no-repeat left top; }
	#plan-166 h4 { background: url(images/bg_info_gold.gif) no-repeat left top; }

	#plan-164 { background: url(images/bg_info_bronze.gif) no-repeat left bottom; }
	#plan-165 { background: url(images/bg_info_silver.gif) no-repeat left bottom; }
	#plan-166 { background: url(images/bg_info_gold.gif) no-repeat left bottom; }

	.planes table { margin-left: 3px; }
	.planes table th { padding: 7px 9px; }
		#plan-164 th { background-color: #F7E5D4; }
		#plan-165 th { background-color: #F7D4E6; }
		#plan-166 th { background-color: #D4EDF7; }

	.planes table td { padding: 0 3px; }

	.planes a, .planes a:link { color: #4B484E; }

/* ------------------------------------- BANNERS 
banner_al_web.jpg
*/

div.banner,
div.banner a {
	display: block;
	height: 77px;
	width: 269px;
}

div.banner {
	margin: 15px 0;
}

	#banner-167 { background: url('images/banner_di_web.jpg') no-repeat; }
	#banner-168 { background: url('images/banner_seo_web.jpg') no-repeat; }
	#banner-169 { background: url('images/banner_mail_web.jpg') no-repeat; }
	#banner-170 { background: url('images/banner_cont_web.jpg') no-repeat; }
	#banner-171 { background: url('images/banner_ap_web.jpg') no-repeat; }

#sidebar-banners{
	float: right;
	margin: 5px;
	position: relative;
}

/* ------------------------------------- SERVICIOS: seo*/
#sidebar-planes{
	background: url(images/bg_res_planes.gif) no-repeat;
	float: right;
	height: 355px;
	margin: 5px;
	padding: 0 55px 0 15px;
	position: relative;
	text-align: left;
	width: 206px;
}

#sidebar-planes ul { list-style-type: none; margin: 0; }
#sidebar-planes ul li { font-size: 23px; font-weight: bold; line-height: 21px; margin: 18px 0 41px 0; }

#sidebar-planes a { font-size: 14px; }

li.plan-bronze { color: #FF9900; }
li.plan-silver { color:#FF3399; }
li.plan-gold { color:#0099FF; }

/* ------------------------------------- GENERAL */

.contacto,
.presupuestos,
.portfolio,
.empresa,
.general	{
	width:720px;
	margin: 8px;
	padding: 10px 20px 10px 20px;
border: 1px solid #0099cc;
background-color: #FFF;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	text-align:justify;
	position: relative;
	clear: both;
	}

/* ------------------------------------- ENLACES */

.enlace{
	height:150px;
	max-width:170px;
	margin:5px;
	float:left;
}


/* ------------------------------------- PORTFOLIO*/
.portfolio {
	margin: 0 8px;
	padding: 109px 20px 0 20px;
	height: 133px;
}

.title_portfolio{
	border:0;
}

	.title_portfolio h3 {
		border: none;
		color: #00324A;
		font-size: 36px;
		font-weight:lighter;
		margin: 0;
		padding: 0;
		text-align: left;
		text-transform: lowercase;
	}

.text_portfolio{
	border:0;
	position:relative;
	z-index: 999;
	width: 45%;
}

	.text_portfolio h2 {
		border: none;
		font-size: 15px;
		margin: 0;
		padding: 0;
		width: 335px;
	}

	.text_portfolio p {
		margin: 0;
		padding: 0;
		width: 335px;
	}

	.im_portfolio	{
		border:0;
		position:absolute;
		top:20px;
		right:20px;
	}

	.lista	{
	float:left;
	width:220px;
	text-align:left;
	padding:5px 10px 10px 15px;
	margin:0;
	}
	.linea	{
	width:730px;
	height:1px;
	background: #008ECA repeat-x;
	margin: 0 auto;
	}
	.pie_portfolio1	{
	float:left;
	width:269;
	height:115px;
	padding-top:25px;
	margin:10px;
	border:0;
	}
	.pie_portfolio2	{
	float:left;
	width:165px;
	height:140px;
	margin:10px;
	border:0;
	}
/* ------------------------------------- COLUMNAS */

#leftcolumn{
	float: left;
	width: 455px;
	padding: 10px 20px;
	text-align:left;
	position: relative;
}

#leftcolumn h2{
	margin: 20px 0 0 0;
	padding: 0;
}

.bg_left{
	float:left;
	background: url(images/bg_grey.gif) no-repeat;
	width:207px;
	height:251px;
	margin: 10px 0 10px 8px;
	}

.boxnews{
	border-bottom: 1px dotted #666666;
	display: block
	margin: 5px 0;
	overflow:hidden;
	padding: 10px 0;
	position:relative;
	width:455px;
}
	.boxnews p {
		float: right;
		margin: 0;
		padding: 0;
		width: 375px;
	}

.thumb-news	{
	height:70px;
	width:70px;
}

.more {
	background: url(images/b_more.gif) no-repeat;
	bottom:0;
	clear: both;
	display: block;
	height:14px;
	position:absolute;
	right:10px;
	width:39px;
}

.boxleft{
	overflow:scroll;
	width: 180px;
	height: 200px;
	margin: 0 15px 0 5px;
}
.middle{
	float:right;
	width: 250px;
	padding: 0 15px 0 10px;
	text-align:left;
	padding:5px;
	margin-right:5px;
	}
.middle h3{
	margin:0;
	padding:0;
}
.bg_middle{
	background: url(images/bg_claro.gif) no-repeat;
	width:275px;
	padding:auto 3px;
	height:330px;
	margin:5px auto;
	}
.rightcolumn{
	float:right;
	width: 275px;
	margin: 5px 5px 10px 5px;
	text-align:left;
	}

#clear	{clear:both;}
.pie	{
	width: 784px;
	background:#838085;
	list-style:none;
	text-align:center;
	display:block;
	padding:0;
	}
.pie li{
	margin: 0 auto;
	list-style-type: none;
	float:left;
	text-align:left;
	padding: 0 0 10px 10px;
	}
.pie li a:link   {color:#fff;}
.pie li	a:visited	{color:#ffffff;}
.pie li a:hover	{color:#999999;}
.pie li a:active	{color:#ffffff;}

/* ---------------------- misc ----------------------------- */

.hide {position: absolute;left: -99999px;top: -99999px;display: none;font-size: 0%;}