/*
THEME NAME: Sector86 Desing V3.0
THEME URI: http://www.sector86.com/
DESCRIPTION: Diseño renovado para sector86.com, Versión 2009.
VERSION: 3.0
AUTHOR: Sector86
AUTHOR URI: http://www.sector86.com/
*/


/* General */

	@import url(reset.css);
	body {
		line-height: 1;
		font-size:12px; 
		font-family:Arial, Helvetica, Segoe UI, Segoe, Frutiger, "Trebuchet MS", sans-serif; 
		background:#020202;
		color: #333333;
	}

	.page-nav {
		margin-top: 25px;
	}
/* Fin general */



/* menus principal */

	#links {clear:both;height:30px;width:100%;background:#333333 url(img/mbg2.jpg) repeat-x;}
	#nav {margin-left:0px}
	#links li a {padding-right:12px;padding-left:12px;line-height:30px;float:left; color:#dddddd;text-decoration:none;border-right:1px solid #444444;border-left:1px solid #222222;}
	#links li a:hover, #links li:hover a{color:#fff;}
	#links li:hover{background:url(img/mbg.jpg) repeat-x;}
	#nav li {list-style:none;position:relative;float:left;z-index:2;}
	#links #nav li ul {position:absolute;top:30px;left:0px;display:none;z-index:1000;width:200px;background:transparent url(img/mbg2.png);border-bottom:5px solid #000000;	}
	#links #nav li:hover ul {display:block;}
	#links #nav li ul li {list-style:none;font-size:12px;float:left;clear:both;background:none;}
	#links #nav li ul li:hover {list-style:none;font-size:12px;float:left;clear:both;background:transparent url(img/mbg3.png);}
	#links #nav li ul li a {color:#ddd;width:180px;line-height:2.5em;text-decoration:none;display:block;border-bottom:1px solid #555555;text-indent:0;height:auto;padding-left:10px;padding-right:10px; border-right:0px;}
	#links #nav li ul li a:hover {color:#b0d72c;background:none;  background-repeat: no-repeat; background-position: center;}

	
	.current_page_item,.current_page_ancestor{
		background:#333333 url(img/mbg.jpg);
	}
	
	
/* fin del menu principal */

/* buscador */
	#buscador {
		width: 205px;
		position:absolute;
		height:30px; 
		top:5px;
		right: 35px;
	}
	
	#buscador .bus{
		background:transparent;
		color:#666666;
		float: right;
		border:0px;
		font-size: 14px;
		font-weight: bold;
	}
	
	#buscador .bus:hover{
		color: #b0d72c;
	}
	
	#buscador #s{
		float: left;
		width:130px;
		border:1px solid #444444;
		color:#333333;
		background:#eeeeee;
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	#buscador #s:hover{
		background:#ffffff;
	}
/* fin del buscador */


/* slider portada */

.mask3{
	position:relative;
	width:600px;
	height:350px;
	overflow:hidden;
	float:left;
}

span img{
	display:block;
	border:none;
}

#handles4 {
	text-align:center;
	margin-left: 70px;
}

#box4{
	position:relative;
}
#box4 div{
	width:600px;
	height:350px;
	float:left;
	text-align:center;
}

#box4 div img{
	border:5px solid #333333;
	clear:both;
}

#box42 div img{
	border:5px solid #333333;
	clear:both;
	margin-top: 40px;
}

#box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
	text-align:left;
	font-size: 12px;
	color: #333333;
}

#box4 span{
	font-size: 12px;
	font-weight:bold;
	font-family: Segoe UI, Segoe, Frutiger, "Trebuchet MS", Arial;
	margin-right: 5px;
	padding:4px;
	background: #333333;
	color:#ccff33;
}

#next5 {
	float:right;
}
#prev5 {
	float: left;
	margin-right: 25px;
}
.buttons2{padding:0px;}
.buttons2 span{color:#0080FF;padding:5 5px;cursor:pointer;font:10px Verdana}
.buttons2 span.active, .buttons span:hover{background:#0080FF;color:#fff}

.buttons{padding: 10px 0px 10px 0px;}
.buttons span{height:19px;width:19px;color:#333333;padding:8px;cursor:pointer;font:10px Verdana;text-align:center;background: transparent url(imagenes/f_no_select.png) no-repeat center;}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff; background: transparent url(imagenes/f_select.png) no-repeat center;}

/* fin de slider portada */
/* lateral slider portada*/

	.sam_derecha {
		margin:0 auto;
		margin: 15px;
		width: 270px;
		height: 320px;
		background:#333333 url(img/f_portada_derecha.jpg) no-repeat top center;
		text-align:left;
		float:right;
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	.sam_derecha2 {
		margin:0 auto;
		margin: 15px;
		width: 270px;
		height: 270px;
		background:#333333 url(img/f_single_derecha.jpg) no-repeat top center;
		text-align:left;
		float:right;
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}

	.contenedor_derecha {
		margin:0 auto;
		margin: 50px 10px 25px 32px;
		text-align:center;
	}
	
	.contenedor_derecha li{
		list-style:none;
	}
	
	.contenedor_derecha2 {
		margin:0 auto;
		margin: 50px 10px 0px 32px;
		text-align:left;
		font-size: 11px;
	}
	
	.contenedor_derecha2 a{
		color: #dddddd;
		border-bottom: 1px dashed #dddddd;
		text-decoration: none;
	}
	
	.contenedor_derecha2 a:hover{
		color: #cdfc34;
		border-bottom:0px;
	}
	
	.contenedor_derecha2 p{
		margin:0 auto;
		color: #dddddd;
		height: 30px;
		margin-top: 15px;
		margin-left: 10px;
	}
	
	.contenedor_derecha2 span{
		color: #cdfc34;
		margin-right: 15px;
		font-weight:bold;
		padding: 5px;
		background: #333333;
	}
	
	.contenedor_derecha2 li {
		list-style:none;
	}
	
	.contenedor_derecha input {
		width:200px;
		font-size: 11px;
		color: #333333;
		margin-top: 5px;
		padding:2px;
		border:0px;
		background:#eeeeee;		
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	.contenedor_derecha input:hover {
		background:#ffffff;		
	}
	
	.contenedor_derecha textarea {
		width: 200px;
		height:50px;
		font-size: 11px;
		color: #333333;
		margin-top: 5px;
		padding:2px;
		border:0px;
		background:#eeeeee;
		font-family:verdana;
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	.contenedor_derecha textarea:hover {
		background:#ffffff;
	}
	
	.contenedor_derecha p {
		text-align:left; 
		margin:5px 0px 0px 0px;
		font-size:11px;
		color: #aaaaaa;
	}
	
	.wpcf7-response-output {
		color:#FF3399;
		font-size: 10px;
		position:relative;
		top: -10px;
		left: -10px;
		text-align:left;

	}
	
	#b_enviar {
		text-align:right;
		margin-right: 10px;
	}
	
	#b_enviar input{
		background: transparent url(img/b_enviar.png) no-repeat center top;
		border:0px;
		width:60px;
		height:19px;
		cursor:pointer;
		text-align:center;
		font-size: 10px;
		font-weight:bold;
		color:#444444;
	}
	
	#b_enviar input:hover{
		background: transparent url(img/b_enviar2.png) no-repeat center top;
	}
	
	.ajax-loader {
		background:#ffffff;
	}
	
/*fin del lateral slider portada */

/* Estructura */
	
	#encabezado {
		height: 140px;
		width: 100%;
		background: #333333 url(img/bg_encabezado.png) repeat-x top center;
		display: block;
	}
	
	#encabezado img{
		margin-left: 50px;
	}
		
	#centro {
		width:100%;
		text-align:center;
		margin:0 auto;
		overflow: auto;
		background: #fbfbfb url(img/bg.gif) repeat-x top center;
		background-attachment:fixed;
		padding-bottom:35px;
		padding-top:10px;
	}
	
	#resaltado {
		width: 909px;
		height: 350px;
		margin:0 auto;
		background:transparent url(img/portada_2.png) no-repeat top left;
		border-radius: 15px;			/* CSS 3 */
		-moz-border-radius: 15px; 		/* CSS 3*/
		-khtml-border-radius: 15px;		/* CSS 3 */
		-webkit-border-radius: 15px;		/* CSS 3 */
	}
	
	#resaltado a {
		color: #333333;
		border-bottom: 1px dashed #333333;
		text-decoration:none;
	}
	
	#resaltado a:hover {
		color: #672a01;
		border:0px;
	}
	
	#resaltado2 {
		width: 909px;
		height: 300px;
		margin:0 auto;
		background:transparent url(img/portada_3.png) no-repeat top left;
		border-radius: 15px;			/* CSS 3 */
		-moz-border-radius: 15px; 		/* CSS 3*/
		-khtml-border-radius: 15px;		/* CSS 3 */
		-webkit-border-radius: 15px;		/* CSS 3 */
	}
	
	#servicios {
		width: 909px;
		margin:0 auto;
		padding-left: 10px;
		margin-top: 25px;
	}
	
	
	
	#cierre {
		width:100%;
		height: 50px;
		background:#000000;
		text-align:center;
		font-size: 11px;
		color: #dddddd;
		padding-top: 10px;
	}
	
	#cierre div{
		margin-bottom:10px;
	}
	
	#cierre a{
		color: #cccccc;
		text-decoration:none;
		border-bottom:1px dashed #cdfc34;
	}
	
	#cierre a:hover{
		border-bottom:0px;
		color:#cdfc34;
	}
/* Fin estructura */

/* contenido */

.etiquetas {
	color: #777777;
	font-size: 9px;
	font-family: verdana;
}

.contenidos {
	line-height: 2.0em;
	color: #333333;
	width: 909px;
	margin:0 auto;
	margin-top: 15px;
	background:transparent;
	text-align:left;
	padding:15px 0px 15px 0px;
	border-radius: 15px;			/* CSS 3 */
	-moz-border-radius: 15px; 		/* CSS 3*/
	-khtml-border-radius: 15px;		/* CSS 3 */
	-webkit-border-radius: 15px;		/* CSS 3 */
}

.contenidos strong{
	color: #77CDD0;
	font-size: 110%;
	background-color:#333333;
	border:1px solid #f5f5f5;
	padding:5px;
}

.contenidos input {
		font-size: 11px;
		color: #ffffff;
		margin-top: 5px;
		padding:5px;
		border:0px;
		background:#333333;		
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	.contenidos textarea {
		font-size: 11px;
		color: #ffffff;
		margin-top: 5px;
		padding:5px;
		border:0px;
		background:#333333;		
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	.contenidos select {
		font-size: 11px;
		color: #ffffff;
		margin-top: 5px;
		padding:5px;
		border:0px;
		background:#333333;		
		border-radius: 5px;			/* CSS 3 */
		-moz-border-radius: 5px; 		/* CSS 3*/
		-khtml-border-radius: 5px;		/* CSS 3 */
		-webkit-border-radius: 5px;		/* CSS 3 */
	}
	
	#b_enviar2 input{
		cursor: pointer;
	}
	
	#b_enviar2 input:hover{
		color:#b6fc34;
	}

	


	.contenidos a {
		color: #333333;
		border-bottom: 1px dashed #333333;
		text-decoration:none;
	}
	
	.contenidos a:hover {
		color: #672a01;
		border:0px;
	}
	
.separador {
	margin: 0px 15px 0px 15px;
}

.separador2 {
	margin: 15px 15px 0px 15px;
	border: 1px solid #dddddd;
}
.separador3 {
	margin: 15px 15px 15px 15px;
}

.separador3 a{
	font-size: 18px;
}

.separador3 h3{
	margin-bottom: 15px;
}

.contenidos h2{
	font-size: 140%;
	text-transform:uppercase;
	color: #77CDD0;
	font-weight:normal;
	margin-bottom: 15px;
	background-color:#333333;
	padding: 12px 10px 10px 20px;
	border-radius: 15px;			/* CSS 3 */
	-moz-border-radius: 15px; 		/* CSS 3*/
	-khtml-border-radius: 15px;		/* CSS 3 */
	-webkit-border-radius: 15px;		/* CSS 3 */
}

.contenidos p{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 40px;
	padding-right: 15px;
	font-size: 14px;
}

.contenidos ul{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 60px;
	padding-right: 15px;
	font-size: 12px;
	color:#555555;
}

.contenidos li{
	list-style-image: url(img/lista.gif);
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
	margin: 15px 10px 15px 25px;
}

.contenidos h3{
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 30px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	font-size: 28px;
	color:#333333;
	clear:both;
	border-bottom: 1px dashed #333333;
}

.contenidos h4{
	margin-top: 25px;
	margin-bottom: 15px;
	padding-left: 40px;
	padding-right: 15px;
	font-size: 18px;
	color:#555555;
	clear:both;
}

.contenidos img{
	margin: 10px;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.bajo_foto {
	width: 560px;
	height:20px;
	background: transparent url(img/f_foto.png) repeat-x top center;
	margin:0 auto;
}

.contenidos blockquote{
	margin: 15px;
	background: #f1f1f1;
	padding: 10px;
	border-radius: 15px;			/* CSS 3 */
	-moz-border-radius: 15px; 		/* CSS 3*/
	-khtml-border-radius: 15px;		/* CSS 3 */
	-webkit-border-radius: 15px;		/* CSS 3 */
}


.servicio {
	width:303px;
	height: 170px;
	float: left;
	background: transparent url(img/f_servicio.png) no-repeat center;
}

.servicio2 {
	width:303px;
	height: 170px;
	float: left;
	background: transparent url(img/f_servicio2.png) no-repeat center;	
}

.servicio3 {
	width:303px;
	height: 170px;
	float: left;
	background: transparent url(img/f_servicio3.png) no-repeat center;	
}

.servicio_cont {
	margin-left: 60px;
	margin-top: 15px;
	width: 220px;
	height: 140px;
	font-size: 11px;
	font-family:Arial;
	line-height: 1.4em;
	text-align:left;
	color: #777777;
}