﻿* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 100%;
	font-family: Arial, tahoma, verdana, Sans-Serif;
	color: #000;
	background:#f29400;
	/*margin: 0 auto;*/
	margin-bottom:15px;
	margin-top:15px;
}

#separador_dalt{
	width:950px;
	height:5px;
	background:url(../images/separador.gif) no-repeat;
	float:none;
	margin:auto;
	padding-bottom:8px;
	*margin-bottom:-21px;
}

#separador{
	width:950px;
	height:5px;
	background:url(../images/separador.gif) no-repeat;
	float:none;
	margin:auto;
	padding-bottom:5px;
	*margin-bottom:-8px;
}

#separador_b{
	width:950px;
	height:5px;
	background:url(../images/separador.gif) no-repeat;
	float:none;
	margin:auto;
	margin-top:5px;
}

#menu_principal
	{
	padding-left:38px;
	padding-top:115px;
	width:330px;
	*width:350px;
	float:left;
}

#menu_principal a {
color: #fff;
font-weight:bold; 
font-family: tahoma;
font-size: 13px; 
text-align: left;
text-decoration:none;
}

#menu_principal a:hover {
font-family: tahoma;
font-size: 13px; 
text-align: left;
text-decoration: underline;
}


#contenedor {
	display: table;
	width: 970px;
}

#contenedor_top{
	background:url(../images/borde_sup.jpg) no-repeat;
	margin: auto;
	float:none;
	width:970px;
	height:30px;
}

#contenedor_middle{
	background:url(../images/borde_mid.jpg) repeat;
	margin: auto;
	float:none;
	width:970px;
}

#contenedor_bottom{
	background:url(../images/borde_inf.jpg) no-repeat;
	margin: auto;
	float:none;
	width:970px;
	height:30px;
}


#header {
	width:960px;
	height:180px;
	background:url(../images/header.jpg) no-repeat;
	float:none;
	margin-left:5px;
	margin-right:5px;
}

#contenido{
	width: 960px;
	float:none;
	background:url(../images/contenido_borde.jpg) repeat-y;
	margin:auto;
	}
	
#titular{
	width:950px;
	height:35px;
	float:none;
	margin:left;
}

#footer{
	width:970px;
	height:60px;
	float:none;
	overflow:hidden;
	margin:auto;
	background:#f29400;
}

#footer_pdf{
	width:270px;
	height:58px;
	float:left;
	margin-top:1px;
	overflow:hidden;
	border:0px;
	text-align:center;
}

#footer_txt{
	width:700px;
	height:60px;
	float:right;
	margin:auto;
	overflow:hidden;
}

#menu {
	width:965px;
	height:25px;
	margin:auto;
	margin-left:10px;
	*margin-left:0px;
	float:none;
}

#botonet{
	width:179px;
	height:25px;
	float:left;
	margin:auto
}

#botonet a{
	padding:8px 5px 8px 50px;
	text-decoration:none;
	color:#aaa;
	font-size:15px;
	background:url(../images/botonet.jpg) no-repeat;
	width:179px;
	height:25px;
}

#botonet a:hover{
	padding:8px 5px 8px 50px;
	text-decoration:none;
	color:#fff;
	font-size:15px;
	background:#f29400 url(../images/botonet_sob.jpg) no-repeat;
	width:179px;
	height:25px;
}

#botonet_prod{
	width:250px;
	height:25px;
	float:left;
	margin:auto;
}

#botonet_prod a{
	padding:8px 5px 8px 50px;
	text-decoration:none;
	color:#aaa;
	font-size:15px;
	background:url(../images/botonet.jpg) no-repeat;
	width:250px;
	height:25px;
}

#botonet_prod a:hover{
	padding:8px 5px 8px 50px;
	text-decoration:none;
	color:#fff;
	font-size:15px;
	background:#f29400 url(../images/botonet_sob.jpg) no-repeat;
	width:250px;
	height:25px;
}

#botonet_ini{
	width:130px;
	height:25px;
	float:left;
	margin:auto;
}

#botonet_ini a{
	padding:8px 5px 8px 50px;
	text-decoration:none;
	color:#aaa;
	font-size:15px;
	background:url(../images/botonet.jpg) no-repeat;
	width:130px;
	height:25px;
}

#botonet_ini a:hover{
	padding:8px 5px 8px 50px;
	text-decoration:none;
	color:#fff;
	font-size:15px;
	background:#f29400 url(../images/botonet_sob.jpg) no-repeat;
	width:130px;
	height:25px;
}

#container_variat{
	width:900px;
	margin:auto;
	border:0px;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
}


#container_logotip{
	width:450px;
	height:140px;
	float:right;
	border:1px solid #f29400;
	background:url(../images/logo_variat.jpg);
	overflow:hidden;
	text-align:center;
}


#container_publi{
	width:898px;
	height:120px;
	float:none;
	border:1px solid #f29400;
	background:none;
	overflow:hidden;
	text-align:center;
}


#contenedor_contacto {
	width:860px;
	float:none;
	margin:auto;
}

#contacto_info{
	width:380px;
	float:left;
	margin:auto;
}

#contacto_mapa{
	width:425px;
	float:right;
	margin:auto;
	border:1px solid green;
}

#contacto_info p.contacto{
	text-align:center;
	margin-top:100px;
}


#clear{
	clear:both;
}


/* Estilos de los Elementos de los divs
----------------------------------------*/


/* Elementos del header ----------------*/
#header h1{
color:#00009c;
text-decoration:underline;
margin-top: 7px;
margin-left: 28px;
font-family: Arial;
font-size: 30px;
text-align: left;
}

#header p{
color: white;
font-weight:lighter; 
font-family: Verdana;
font-size: 16px; 
text-align: left; 
margin-top: 21px;
margin-left: 0px;
}


/* Fin de Elementos del header ----------------*/

/* Elementos de navegacion ----------------*/
#navi  ul, li{
list-style:circle;
padding:3px;
margin-left:10px;
font-size:12px;
}



/* --- Fí de Elements del menú --------------------*/

/* Elementos de contenido ----------------*/


#contenido p{
color: #333333;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: justify;
margin: 15px 15px 15px 15px;
line-height:20px;
}

#contenido p.alu{
color: #333333;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: justify;
margin: 15px 15px 35px 35px;
}


#contenido p.centrat{
color: #333333;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: center;
margin: 15px 15px 15px 15px;
}


#contenido a {
color: #333333;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: justify;
text-decoration:underline;
}

#contenido a:hover {
color: #aaaaaa;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: justify;
text-decoration: underline;
}

#contenido h1{
color:#f29400;
font-weight:lighter;
text-decoration:underline;
margin-top: 7px;
margin-left: 35px;
font-family: Arial;
font-size: 30px;
text-align: left;
}



/* Fí de elements de contenido ----------------*/

/* Elements del Footer -----------------------*/

#footer p{
color: #ffffff;
font-weight:lighter; 
font-family: arial, tahoma, verdana;
font-size: 12px; 
text-align: right;
margin: 10px 35px 10px 15px;
}

#footer h1{
color: #25ad4d;
font-weight:lighter; 
font-family: arial, tahoma, verdana;
font-size: 15px; 
text-align: right;
}


#footer a {
color: #fff;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: justify;
text-decoration:none;
}

#footer a:hover {
color: #000;
font-weight:lighter; 
font-family: Verdana;
font-size: 12px; 
text-align: justify;
text-decoration: underline;
}

/* Elements del Footer -----------------------*/

textarea{
	border:1px solid #f29400;
}

input{
	border:1px solid #f29400;
}