/* @group Reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* @end */

/* @group Grid */

/* @group Main Navigation */

ul.navigation {
	margin-top: 25px;
	margin-bottom: 15px;
	clear: right;
	float: right;
	overflow: hidden;
}

ul.navigation li {
	float: left;
	margin-left: 1px;
}

ul.navigation li a {
	text-indent: -9999px;
	display: block;
	height: 25px;	
}

/* @group Opciones */

ul.navigation li a[href="#linkinicio"] {
	background: url(../img/li_nav_inicio.gif) no-repeat left -25px; 
	width: 53px;
}

ul.navigation li a[href="#linkempresa"] {
	background: url(../img/li_nav_empresa.gif) no-repeat left -25px;
	width: 71px;
}

ul.navigation li a[href="#linkservicios"] {
	background: url(../img/li_nav_servicios.gif) no-repeat left -25px;
	width: 76px;
}

ul.navigation li a[href="#linkcontactar"] {
	background: url(../img/li_nav_contactar.gif) no-repeat left -25px;
	width: 88px;
}

ul.navigation li a[href="../panel/"] {
	background: url(../img/li_nav_clientes.gif) no-repeat left -25px;
	width: 102px;
}

/* @end */

ul.navigation li a:hover, ul.navigation li a.aqui {
	background-position: left top;
}


/* @end */

/* @group Body */

body {
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	background: #00376d url(../img/bg_body.gif) repeat-x left top;
	text-align: center;
	padding-top: 15px;
}

/* @end */

/* @group Container */

#container {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

/* @group Header */

#header {
	overflow: hidden;
}

h1 {
	float: left;
	text-indent: -9999px;
	width: 250px;
	height: 138px;
	background: url(../img/bg_h1.gif) no-repeat left top;
}

h2 {
	float: right;
	text-indent: -9999px;
	width: 279px;
	height: 75px;
	background: url(../img/bg_h2.gif) no-repeat left bottom;	
}

h3, h4 {
	float: right;
}


/* @end */

/* @group Contenedores */

#inicio, #empresa, #servicios, #contactar {
	clear: both;
	overflow: hidden;
	background: url(../img/bg_contenedor.png) no-repeat center top;
	padding: 15px 0;
}

.call {
	float: left;
	width: 135px;
	margin-right: 15px;	
}

.contenido {
	overflow: hidden;
	width: 790px;
	float: left;
}

.columna {
	float: left;
	width: 380px;
	margin-right: 15px;
}

/* @group Inicio */

#inicio h3 {
	text-indent: -9999px;
	width: 126px;
	height: 40px;
	background: url(../img/h3_inicio.gif) no-repeat right top;
}

#inicio h4 {
	text-indent: -9999px;
	width: 132px;
	height: 81px;
	background: url(../img/h4_inicio.gif) no-repeat right top;	
}

/* @group Opciones
 */

#inicio h5.op1 {
	text-indent: -9999px;
	width: 290px;
	height: 25px;
	background: url(../img/h5_inicio_op1.gif) no-repeat left top;
}

#inicio h5.op2 {
	text-indent: -9999px;
	width: 325px;
	height: 25px;
	background: url(../img/h5_inicio_op2.gif) no-repeat left top;
}

#inicio h5.op3 {
	text-indent: -9999px;
	width: 416px;
	height: 25px;
	background: url(../img/h5_inicio_op3.gif) no-repeat left top;
}

#inicio h5.op4 {
	text-indent: -9999px;
	width: 312px;
	height: 25px;
	background: url(../img/h5_inicio_op4.gif) no-repeat left top;
}

#inicio h5.op5 {
	text-indent: -9999px;
	width: 312px;
	height: 25px;
	background: url(../img/h5_inicio_op5.gif) no-repeat left top;
}

#inicio h5.op6 {
	text-indent: -9999px;
	width: 416px;
	height: 25px;
	background: url(../img/h5_inicio_op6.gif) no-repeat left top;
}


/* @end */

/* @group Acordeon */

.haccordion {
	overflow: hidden;
	width: 771px;
	background: url(../img/bg_haccordion.gif) repeat-x;
	padding: 6px;
}

.haccordion .header {
	float: left; 
	height: 340px; 	
}

.haccordion .content { 
	float: left; 
	height: 340px; 
} 

.haccordion .header{ 
	width: 46px; 
	cursor: pointer; 
} 

.haccordion .content{ 
	display: none; 
	width: 0px; 
	overflow: auto; 
} 

.haccordion .content p{ 
	margin: 5px; 
} 

/* @end */

/* @end */

/* @group Empresa */

#empresa h3 {
	text-indent: -9999px;
	width: 126px;
	height: 73px;
	background: url(../img/h3_empresa.gif) no-repeat right top;
}

#empresa h4 {
	text-indent: -9999px;
	width: 132px;
	height: 81px;
	background: url(../img/h4_empresa.gif) no-repeat right top;	
}

#empresa h5 {
	text-indent: -9999px;
	width: 290px;
	height: 25px;
	background: url(../img/h5_empresa.gif) no-repeat right top;	
}

#empresa .contenido .columna {
	padding-top: 20px;
}

#empresa .contenido .columna + .columna {
	padding-top: 0px;
}

#empresa p {
	background: url(../img/ico_bullet.gif) no-repeat left 2px;
	padding-left: 17px;
}

#empresa img {
	margin-bottom: 20px;
}

/* @end */

/* @group Servicios */

#servicios h3 {
	text-indent: -9999px;
	width: 126px;
	height: 139px;
	background: url(../img/h3_servicios.gif) no-repeat right top;
}

#servicios h4 {
	text-indent: -9999px;
	width: 132px;
	height: 81px;
	background: url(../img/h4_servicios.gif) no-repeat right top;	
}

#servicios h5 {
	text-indent: -9999px;
	width: 535px;
	height: 25px;
	background: url(../img/h5_servicios.gif) no-repeat right top;	
}

#servicios h6 {
	color: #e2007a;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;
}

#servicios img {
	margin-bottom: 10px;
}

#servicios p {
	width: 325px;
	margin: 0 5px;
	height: 75px;
}

#servicios .galeria {
	display: none;	
}

/* @end */

/* @group Contactar */

#contactar h3 {
	text-indent: -9999px;
	width: 133px;
	height: 160px;
	background: url(../img/h3_contacto.gif) no-repeat right top;
}



#contactar h5 {
	text-indent: -9999px;
	width: 662px;
	height: 25px;
	background: url(../img/h5_contacto.gif) no-repeat right top;	
}

/* @group Formulario */

#contactar form {
	overflow: hidden;	
}

#contactar form fieldset {
	float: left;
	width: 240px;
	margin-left: 10px;
}

#contactar form fieldset + fieldset {
	float: left;
	width: 400px;
	margin-left: 10px;
}

#contactar form fieldset label {
	margin-bottom: 4px;
	padding-left: 3px;
	display: block;
}

#contactar form fieldset input[type="text"] {
	width: 230px;
	background: url(../img/bg_form_contact.gif) no-repeat left top;
	border: none;
	padding: 8px 5px 12px 5px;
	margin-bottom: 15px;
}

#contactar form fieldset + fieldset input[type="text"] {
	width: 399px;
	background: url(../img/bg_form_contact_double.gif) no-repeat left top;
	border: none;
	padding: 8px 5px 12px 5px;
	margin-bottom: 15px;
}

#contactar form fieldset textarea {
	background: url(../img/bg_form_contact_area.gif) no-repeat left top;
	border: none;
	width: 399px;
	height: 140px;
	padding: 5px;
	margin-bottom: 15px;
}

#contactar form fieldset input[type="submit"] {
	text-indent: -9999px;
	background: url(../img/btn_enviar.gif) no-repeat left top;
	border: none;
	width: 65px;
	height: 33px;
	float: right;
}

/* @end */

/* @group Mapa */

#map {
	width: 248px;
	height: 218px;
	background: url(../img/bg_mapa.gif) no-repeat left top;
	padding: 21px;	
}

#map_canvas {
	width: 206px;
	height: 176px;
}

#map_canvas span {
	display: none;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	background: url(../img/bg_footer.gif) no-repeat 150px top;
	overflow: hidden;
	padding-bottom: 40px;
}

#footer p {
	margin-left: 181px;
	padding-top: 25px;
	margin-bottom: 3px;
}

#footer p + p {
	margin-left: 181px;
	padding-top: 2px;
	margin-bottom: 0px;
}

#footer p a {
	color: #fff;
	text-decoration: none;	
}

#footer ul {
	float: right;
	overflow: hidden;
}

#footer ul li {
	display: inline;
	float: left;
}

#footer ul li a {
	text-indent: -9999px;
	background: url(../img/bg_footer_li_aviso.gif) no-repeat left top;
	width: 75px;
	height: 11px;
	display: block;
}

#footer ul li + li a {
	text-indent: -9999px;
	background: url(../img/bg_footer_li_datos.gif) no-repeat left top;
	width: 131px;
	height: 11px;
	display: block;
}

/* @end */

/* @end */

/* @end */

/* @group Comunes */

p {
	margin-bottom: 20px;
}

p span {
	color: #3da6e2;
}

/* @end */



/* @end */