/*
    Style Index
    
    1. Generic
    2. Layout
    3. Header and Main Navigation
    4. Content
	5. Sidebar
    6. Footer
	7. Scripts
*/

/* 1. Generic /////////////////////////////////////////////////////////////////////////////////// */
	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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}	
	body {background:url(images/bg_default.png) repeat-x #2b75b0; font-family:Verdana, Arial,sans-serif;}
	a.mas {color:#292929 !important; font-weight:bold; padding-right:12px; text-decoration:none; background:url(images/ico-arrow.png) no-repeat 100% 5px;}
	a.mas:hover {text-decoration:underline;}

/* 2. Layout /////////////////////////////////////////////////////////////////////////////////// */
	div#wrapper {background:url(images/bg_world.png) no-repeat center top; overflow:hidden; height:100%;}
	div#container-main {width:960px; margin:0 auto;}

	div.main-top {background:url(images/bg_main_top.png) no-repeat; height:10px; font-size:.1em;  clear:both;}
	div.main-bottom {background:url(images/bg_main_bottom.png) no-repeat; height:13px; font-size:.1em; margin-bottom:15px;}
	div.main {background:url(images/bg_main.png) repeat-y; overflow:hidden; height:100%;}

	div#content {width:630px; float:left;}
	div#sidebar {width:329px; float:right;}

/* 3. Header and Main Navigation /////////////////////////////////////////////////////////////////////////////////// */
	div#logo-lantimar {padding-top:21px; float:left;}

	ul#language-switcher {float:right; padding-top:21px; font-size:13px; padding-bottom:5px;}
	ul#language-switcher li {display:inline; margin-left:3px; background:url(images/icons.png) no-repeat -10px -477px; padding-left:8px;}
	ul#language-switcher li.first {background:none;}
	ul#language-switcher li a{color:#fff; text-decoration:none;}
	ul#language-switcher li a:hover{text-decoration:underline;}

	ul#nav {height:47px; background:url(images/bg_nav_es.png) no-repeat; padding-left:65px; overflow:hidden; margin-bottom:15px;}
		ul.nav-en {background:url(images/bg_nav_en.png) no-repeat !important;}
		ul#nav li {float:left;}
		ul#nav li a {display:block; height:47px; margin-right:30px;}
		ul#nav li span {display:none;}
		li#home a{width:50px;}
		li#servicios a{width:80px;}
		li#empresa a{width:80px;}
		li#contacto a{width:80px; margin-right:0;}
		li#home a:hover, li#home a.active{background:url(images/bg_nav_es.png) no-repeat -65px 100%;}
		li#servicios a:hover, li#servicios a.active{background:url(images/bg_nav_es.png) no-repeat -145px 100%;}
		li#empresa a:hover, li#empresa a.active{background:url(images/bg_nav_es.png) no-repeat -255px 100%;}
		li#contacto a:hover, li#contacto a.active{background:url(images/bg_nav_es.png) no-repeat -365px 100%;}
		ul.nav-en li#home a:hover, ul.nav-en li#home a.active{background:url(images/bg_nav_en.png) no-repeat -65px 100%;}
		ul.nav-en li#servicios a:hover, ul.nav-en li#servicios a.active{background:url(images/bg_nav_en.png) no-repeat -145px 100%;}
		ul.nav-en li#empresa a:hover, ul.nav-en li#empresa a.active{background:url(images/bg_nav_en.png) no-repeat -255px 100%;}
		ul.nav-en li#contacto a:hover, ul.nav-en li#contacto a.active{background:url(images/bg_nav_en.png) no-repeat -365px 100%;}
	

/* 4. Content /////////////////////////////////////////////////////////////////////////////////// */
	div.content {color:#4e4e4e; padding:0 30px 20px 70px;}
		div.content h1 {font-size:28px; margin:20px 0 20px 0;}
		div.content h1.home {margin:20px 0 0 0; height:78px;}
		div.content h2 {font-size:16px; margin-bottom:10px;}
		div.content p, div.content dl {margin-bottom:15px; line-height:140%; font-size:14px;}
		div.content p a {color:#09c;}
		div.content p a:hover {color:#007ea8;}
		div.content ul {margin:0 0 20px 15px; line-height:140%;}
		div.content ul li {margin:0 0 10px 0; background:url(images/icons.png) no-repeat -15px -353px; padding-left:20px; font-size:15px;}
		div.content dd {margin-bottom:5px;}
		div.content dt {font-weight:bold;}
		
		div.content-form p.last {margin-bottom:30px;}
		div.content-form div.form-item {overflow:hidden; height:100%; margin-bottom:20px;}
		div.content-form label {font-weight:bold; font-size:13px; float:left; width:190px; display:block; padding-top:8px;}
		div.content-form input.form-text {background-attachment:fixed; display:block; width:302px; height:27px; background:url(images/bg_forms.png) no-repeat 0 0; border:none; padding:8px 10px 0 10px;}
		div.content-form div.resizable-textarea {display:block; overflow:hidden; float:left; width:302px; height:162px; background:url(images/bg_forms.png) no-repeat 0 -40px; padding:8px 10px 0 10px;}
		div.content-form textarea {display:block; background:none; width:305px; height:155px; border:none; font-size:12px; font-family:Verdana;}
		div.content-form input.form-submit {border:none; color:#fff; display:block; text-align:left; padding-left:5px; margin:0 0 0 190px; width:180px; height:35px; background:url(images/bg_forms.png) no-repeat 0 -215px;}

		img.foto-principal {display:block; margin:0 0 25px -100px;}

/* 5. Sidebar /////////////////////////////////////////////////////////////////////////////////// */
	div.horario-comercial {height:145px; width:329px; background:url(images/horario_comercial.jpg) no-repeat; border-bottom:solid 1px #bebfbf;}
		div.horario-comercial p {display:none;}
	
	div#sidebar ul.servicios {margin:27px 0 0 0; font-size:13px; padding-left:20px; border-bottom:solid 1px #bebfbf;}
		div#sidebar ul.servicios li {padding:2px 45px 0 52px; height:45px; background:url(images/icons.png) no-repeat; line-height:130%; font-size:14px;}
		div#sidebar ul.servicios li.servicio1 {background-position:-10px -5px;}
		div#sidebar ul.servicios li.servicio2 {background-position:-10px -50px;}
		div#sidebar ul.servicios li.servicio3 {background-position:-10px -99px;}
		div#sidebar ul.servicios li.servicio4 {background-position:-10px -151px;}
		div#sidebar ul.servicios li.servicio5 {background-position:-10px -192px;}
		div#sidebar ul.servicios li.servicio6 {background-position:-10px -250px;}
		div#sidebar ul.servicios li.mas-servicios {background:none;}

	ul.google-maps {background:url(images/gmap.jpg) no-repeat left bottom; position:relative; width:329px; height:214px; border-bottom:solid 1px #bebfbf; margin-bottom:30px;}
		ul.google-maps a {display:block; position:absolute; height:20px;}
		ul.google-maps li.pmi a {top:98px; left:220px; width:50px;}
		ul.google-maps li.bcn a {top:98px; left:143px; width:70px;}
		ul.google-maps span {display:none;}

	div.direcciones {padding:0 0 0 30px; color:#4e4e4e;}
		div.direcciones h2 {font-size:18px; margin-bottom:15px;}
		div.direcciones ul li {margin-bottom:15px; font-size:14px; line-height:140%;}
		div.direcciones ul li strong {font-weight:normal;}
		div.direcciones ul li a {text-decoration:none; color:#4e4e4e;}
		div.direcciones ul li a:hover {text-decoration:underline;}

		div.direcciones div.org, div.direcciones .region, div.direcciones .country-name, div.direcciones .url {position:absolute; left:-200px;}
		div.microformats-container {overflow:hidden; height:100%;}
			div.microformats-container div.dt {float:left; margin-right:5px;}
		
		

/* 6. Footer /////////////////////////////////////////////////////////////////////////////////// */
	div.footer {padding:0 10px; color:#b8d0e4; font-size:11px; margin-bottom:50px; overflow:hidden;}
	div.nav-legal {float:left; width:560px;}
	div.contact-credits {float:right; width:330px; text-align:right;}
		div.contact-credits a {color:#b8d0e4; text-decoration:none;}
		div.contact-credits a:hover {text-decoration:underline;}
	div.footer ul, div.footer p {margin-bottom:5px;}
	div.footer ul li {display:inline; background:url(images/icons.png) no-repeat -10px -423px; padding-left:7px; margin-right:3px;}
	div.footer ul li.first {background:none; padding-left:0;}
	div.footer ul li a {color:#fff; text-decoration:none; font-size:11px;}
	div.footer ul li a:hover {text-decoration:underline;}