/***** Redefinición etiquetas *****/
html
{
	background-image:url(../images/fnd.jpg);	
	background-position: top center;
	background-repeat:repeat-y;
	width:100%;
	height:100%;
}
body
{
	background-image:url(../images/fnd-cabecera.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 0.8em;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	line-height: 140%;
}
img.right
{
	float: right;
	padding-left: 5px;
}
img.left
{
	float: left;
	padding-right: 5px;
}
sup
{
	font-size: 0.7em;
	line-height:0.7em;	
	vertical-align: top;
}
sub
{
	font-size: 0.7em;
	line-height:0.7em;
	vertical-align: bottom;
}
strong
{
	font-weight: bold;
}
h2
{
	color: #aeaeae;
	font-size: 240%;
	margin: 0 0 20px 0;
}
h3
{
	font-size: 150%;;
	font-weight: bold;
	color: #46c0eb;
	margin: 10px 0;
}

.date
{
	color: #999;
	font-size: 0.85em;
	font-weight: normal;
}
.azulin{
	color: #2597bf;
}
#col_right a.gris{
	color: #CCC;
	font-weight: bold;
	font-size: 110%;
}
.big{
	font-size: 140%;
}
/* Cargador */
#loading
{
	background: #FFFFFF url(../img/lightbox-ico-loading.gif) no-repeat scroll center center;
	position: absolute;
	z-index: 10000;
}
div.error,
div.warning,
div.info
{
	background: #FFD0CF url(../img/icons/exclamation.png) no-repeat scroll 10px center;
	border: 1px solid #B70000;
	color: #000;
	display: block;
	margin: 10px auto;
	padding: 5px 5px 5px 35px;
}
div.warning
{
	background: #FFD0CF url(../img/icons/error.png) no-repeat scroll 10px center;
	border-color: #E6E600;
}
div.info
{
	background: #D1FFD6 url(../img/icons/information.png) no-repeat scroll 10px center;
	border-color: #01C416;
}


/***** Cabecera *****/
#jump
{
	display: none;
}
#header
{
	margin: 0 auto;
	width: 968px;
	height: 175px;
	overflow: hidden;
}
	#header h1
	{
		width: 369px;
		padding: 42px 0 0 0;
	}
		#header h1 a
		{
			background: transparent url(../images/lg_vesta.jpg) no-repeat scroll left top;
			display: block;
			font-size: 2em;
			height: 69px;
			width: 209px;
			text-indent: -900em;
		}
	/* menu */
	#header ul
	{
		margin: 32px 0 0 0;
	}
		#header ul li
		{
			display: inline;
			margin: 0 0 0 6px;
		}
			#header ul li.all
			{
				width: 213px;
				padding: 0 0 0 4px;
			}
			#header ul li.productos
			{
				width: 208px;
				padding: 0 0 0 18px;
			}
			#header ul li.descargas
			{
				width: 208px;
				padding: 0 0 0 40px;
			}
			#header ul li.trabajos
			{				
				padding: 0 0 0 40px;
			}
			#header ul li.contacto
			{				
				padding: 0 0 0 20px;
			}
			#header ul li.enlaces
			{				
				padding: 0 0 0 35px;
			}
			#header ul a
			{
				
				text-decoration: none;
				text-transform:uppercase;
				color:#818181;
				font-size: 110%;
				font-weight:bold;
			}
			#header ul a:hover,
			#header ul a:active,
			#header ul a.active
			{
				text-decoration:none;
				color: #49c1ec;
			}


/***** Contenido *****/
#content
{
	clear: both;
	margin: 32px auto;
	width: 968px;
}
	#colleft
	{
		float: left;
		width: 210px;
		color: #707070;
	}
		#colleft p{
			margin: 0 0 5px 0;
			font-size:110%;
		}
		#colleft a{
			text-decoration:none;
			color: #707070;
		}
	#submenu
	{
			
		background-color: #f0f2f2;
		margin: 0 0 17px 0;
		color: #707070;
		text-align: left;
	}
		#submenu p
		{
			border-top: 1px solid #707070;			
			padding: 10px 0 8px 5px;
			font-weight:bold;
			height: 11px;
		}
			#submenu p.primer
			{
				border:none;
			}
			#submenu p.ultimo
			{
				/*border-bottom: 1px solid #707070;*/
				padding-bottom: 15px;
			}
			#submenu p.active
			{
				color: #49C1EC;
			}
		#submenu ul
		{
			border-top: 1px solid #707070;
			padding: 10px 0;
		}
		
		#submenu li
		{			
			padding: 0 0 0 20px;
			background-color: #f7f7f7;
			height: 21px;
			border-bottom: 1px solid #dfe0e0;
		}
		#submenu a:hover, #submenu a.active
		{
			color: #2597bf;
		}
	
	#col_left
	{
		
		padding: 27px 21px;
		width: 168px;
		background-color: #f0f2f2;
		margin: 0 0 17px 0;
		color: #707070;
		text-align:center;
	}
		#col_left p
		{
			margin: 0 0 20px 0;
		}
		#col_left a
		{
			text-decoration:none;
			color: #707070;
		}
	
	#col_right{
		float: left;
		padding: 27px 21px;
		margin: 0 0 17px 20px;
		width: 695px;
		border-left: 1px solid #d3d3d2;
	}
	#col_right2{
		float: left;
		padding: 27px 0 0 21px;
		margin: 0 0 0 20px;
		width: 712px;
		border-left: 1px solid #d3d3d2;
	}
		#col_right p, #col_right2 p{
			margin: 0 0 10px 0;
			text-align:justify;
			color: #58585a;
		}
		#col_right .colfotos{
			width: 274px;
			float:left;
			margin: 30px 38px 26px 0;
		}
		#col_right .coltexto{
			width: 380px;
			float:left;
			margin: 20px 0 0 0;
		}
		#col_right a, #col_right2 a{
			text-decoration:none;
			color: #46c0eb;
		}
		#col_right ul li{
			color:#58585a;
			list-style:circle;
			margin: 0 0 0 26px;
		}
	


/***** Pie *****/
#footer
{
	/*background: transparent url(../images/fnd_pie.jpg) no-repeat center top;*/
	background-image: url(../images/fnd_pie.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color: #46c0eb;
	clear: both;
	font-size: 80%;
	margin: 0 auto;
	width: 100%;
	height:98px;
	color:#FFF;
}
#contfooter
{
	margin: 0 auto;
	width: 968px;
	height:98px;
}
	#footer ul
	{
		padding: 25px 0 0 250px;
	}
		#footer li
		{
			
			padding: 0 8px;
		}
			#footer li a
			{
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
			}
		
/************************************ TRABAJOS REALIZADOS ****************************/

.colphoto{
	width: 103px;
	float:left;
	margin: 0 16px 0 0;
}
.textobra{
	width: 576px;
	float:left;
}
.trabajor h3{
	margin: 0 0 5px 0;
}


/************************************ CONTACTO ****************************/
#contacto label{
	width: 85px;
	display:block;
	font-weight: bold;
	float:left;	
	color: #58585A;
}
#contacto legend{
	font-size:1%;
	text-indent: -9999px;
}
#contacto .campo{
	margin: 0 0 10px 0;
}

#contacto input{
	border: 1px solid #6c6c6e;
	width: 210px;
	color: #58585A;
}
#contacto textarea{
	border: 1px solid #6c6c6e;
	width: 210px;
	height: 190px;
	color: #58585A;
}
.enviar{
	background-image:url(../images/bt_enviar.jpg);
	width:52px;
	height:20px;
	font-size: 1%;
	text-indent: -9999px;
	border:none;
	cursor: pointer;
}
/************************************ CONTENIDOS GENERALES ****************************/
.centrada{
	text-align:center;
}
#accordion h3
{
	border-bottom: 1px solid #aeaeae;
	padding: 0 0 10px 0;
}
#accordion h3 a{
	color:#aeaeae;
}
#accordion h3 a:hover{
	color:#2597bf;
}
	#accordion h3.ui-state-active a{
		color:#2597bf;
	}


table, td, tr{
	border: 1px solid #CCC
}
 
 td {
	 padding: 5px 0 0 5px;
 }

#datoscontacto {
	float:left;
	width: 300px;
	margin: 0 30px 0 0;
}
#map_canvas {
	float:left;
	width: 382px;
	height: 467px;
	margin:	0 0 10px 0;
}

.gmaps{
	background-image:url(../images/flechina.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding: 0 15px 0 0;
}
#col_right2 .der{
	display:block;
	text-align:right;
	padding: 0 0 20px 0;
}
/***** TinyMce *****/
#tinymce
{
	margin: 5px;
	padding: 2px;
	width: 398px;
}
	#tinymce p
	{
		line-height: 1.1em;
		padding: 0 0 8px 0;
	}
	#tinymce ul,
	#tinymce ol
	{
		list-style: disc;
		list-style-position:inside;	
		margin: 0 0 5px 10px;
		padding: 0 0 0 10px;
	}
	#tinymce ol
	{
		list-style: decimal;
		list-style-position:inside;	
	}
		#tinymce li
		{
			padding: 2px 0;
		}

#events_list{
	padding: 0 0 20px 0;
}

.clear{
	clear:both;
}

/* paginador */
.paginator{	
	margin: 20px 0 0 0;
	border-top: 1px solid #E5E5E5;
	padding: 10px 0 0 0;
}

.paginator li a{
	text-decoration: none;	
	color: #A4771E;
	height: 20px;
	display: block;
	padding: 4px 0 0 0;
}
	.paginator li a.active{
		background-color: #996600;
		color: #000;
		width: 20px;
		height: 16px;
	}

.paginator li{	
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	vertical-align: middle;	
	line-height: 12px;
	margin: 0 18px 0 0;
}



#trabajos .colphoto img{
	border: 1px solid #999;
	
}
.small{
	font-size:80%;
}

.textoredes{	
	float: left;
	width: 80px;
}
#colleft p.redes1{
	float: left;	
    margin: 25px 0 10px 0;
}
.facebook{
	background: transparent url(../images/facebook.jpg) no-repeat scroll left top;
	display: block;
    height: 26px;
	width: 26px;
    float: left;
	text-indent: -9999px;
	font-size: 1%;
	margin: 0 10px 0 0;
}
.youtube{
	background: transparent url(../images/youtube.png) no-repeat scroll left top;
	display: block;
    height: 26px;
	width: 27px;
    float: left;
	text-indent: -9999px;
	font-size: 1%;
}