@charset "UTF-8";

/* 
Hoja de estilos CSS2
Oscus
Copyright 2009 SOOZOO S.L.
http://www.soozoo.es/
*/

/* Limpieza CSS */

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym {border:0;}

/* Contenedores */

img.izquierda, a img.izquierda {border: 1px solid #999; padding: 4px;margin: 4px 12px 8px 0; float:left;background: #020;}
img.derecha, a img.derecha {border: 1px solid #999; padding: 4px;margin: 4px 0 8px 12px; float:right;background: #020;}
img.centro, a img.centro {border: 1px solid #999; padding: 4px;display:block;margin: 0 auto;text-align: center;background: #020;}
img.izquierda_sinmarco, a img.izquierda_sinmarco {display:block; margin: 0 12px 0 0; float:left;}
img.derecha_sinmarco, a img.derecha_sinmarco {display:block; margin: 0 0 0 12px; float:right;}
img.centro_sinmarco, a img.centro_sinmarco {display:block; margin: 0 auto;text-align: center;}

/* Contenedores */

body {
font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px 0 20px 0;
font-size: 12px;
color: #FFF;
background: #ee4522;
scrollbar-face-color: #ee4522; /*barra*/
scrollbar-arrow-color: #FFF; /*flecha*/
scrollbar-track-color: #FFF; /*fondo*/
scrollbar-shadow-color: #FFF; /*sombra*/
scrollbar-highlight-color: #FFF; /*sombra clara*/
scrollbar-3dlight-color: #FFF; /*sombra mas clara*/
scrollbar-darkshadow-Color: #FFF; /*sombra oscura*/
}

#content {width: 830px; margin: 0 5px 0 5px; display: block; color: #000; min-height: 520px;}

/* para Internet Explorer */
/*\*/
* html #content {
height: 520px;
}
/**/

.fondo_manos {background: #FFF url("images/fondo_manos.png") no-repeat bottom right !important;}

.fondo_manos2 {background: #FFF url("images/fondo_manos2.png") no-repeat bottom right !important;}

#wrapper {
text-align: left;
margin: 0 auto;
padding: 0;
width: 840px;
background: #FFF url("images/oscus_bg.gif") repeat-y !important; 
}

#seleccion_idioma {
text-align: center;
}

#br {clear:both;}
#br10 {clear:both;padding-top:10px;}
#br20 {clear:both;padding-top:20px;}

strong {font-weight: bold;}
em {font-style: italic;}
ul {padding-bottom: 8px;}

/* Links y Headers */

a {outline: 0}

a:link, a:visited {color: #ca2609; font-weight: bold; text-decoration: none;}

a:hover, a:active {color: #ca2609; font-weight: bold; text-decoration: underline;}

img {border:0;}

/* img {background: #333 url("images/buttons/loading.gif") no-repeat 50% 50%; } /* Imagen de precarga de imágenes */

p {padding: 8px 0 8px 0;}
small {font-size: 11px;}

li {margin: 8px 0 8px 15px; list-style-type: disc;}

h1 {font: bold 30px Trebuchet MS;color: #0087c1;padding: 6px 0 6px 0;}
.h1_blanco {background: url("images/white_h1.gif") no-repeat top;}
h2 {font: bold 24px Trebuchet MS;color: #0087c1;padding: 0 0 6px 0;}
h3 {font: bold 20px Trebuchet MS;}
h4 {font: bold 16px Trebuchet MS;}
h4.direcciones {font: bold 16px Trebuchet MS; border-bottom: 2px solid #ca2609; margin: 6px 0 6px 0;}

#galeria h2 {font: bold small-caps 18px Arial;color: #FFFFFF;margin-bottom: 20px;}

/* Alineadores */

.justify {text-align: justify}

.alignleft {text-align: left}
.alignright {text-align: right}

.izquierda {float: left;}
.derecha {float: right;}

.top {vertical-align:text-top}
.bottom {vertical-align:text-bottom}

/* Tipografias especiales */

.garantia {
font: bold small-caps 16px Arial, Helvetica, sans-serif;
text-align: center;
color: #FFF;
}

/* Logo*/

.logo {margin: 0; padding: 0; height: 117px; overflow: hidden;}

/* MENUS SUPERIORES */

/* Mini-menu de idiomas */

.menu_idiomas {list-style: none; float: right; display: block; clear: both; height: 24px;}

.menu_idiomas li {float: left;display: inline;list-style: none; position: relative; margin: 0 12px 0 0; color: #999;}

.menu_idiomas li a {width:26px;height:18px;display:block;}

.menu_idiomas li.lang_es a, .menu_idiomas li.lang_es a:visited
{background: url("images/buttons/lang_es.gif") left;}
.menu_idiomas li.lang_es a:hover, .menu_idiomas li.lang_es a:active
{background: url("images/buttons/lang_es.gif") right;}

.menu_idiomas li.lang_en a, .menu_idiomas li.lang_en a:visited
{background: url("images/buttons/lang_en.gif") left;}
.menu_idiomas li.lang_en a:hover, .menu_idiomas li.lang_en a:active
{background: url("images/buttons/lang_en.gif") right;}

.menu_idiomas li.lang_it a, .menu_idiomas li.lang_it a:visited
{background: url("images/buttons/lang_it.gif") left;}
.menu_idiomas li.lang_it a:hover, .menu_idiomas li.lang_it a:active
{background: url("images/buttons/lang_it.gif") right;}

/* MENU SUPERIOR */

ul#navmenu {
margin: 0 auto;
text-align: center;
border: 0 none;
padding: 0;
width: 830px; /*Para KHTML*/
list-style: none;
height: 44px;
}

ul#navmenu li {
width: 166px;
text-align: center;
margin: 0;
padding: 0;
float: left; /*Para Gecko*/
display: inline;
list-style: none;
position: relative;
}

/* Menu Principal */

ul#navmenu a {
float: none !important; /*Para Opera*/
display: block;
background: #000;
color: #FFF;
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*Para IE*/
line-height: 38px;
}

ul#navmenu a.naranja {background: #ee4522;}
ul#navmenu a.rojo {background: #ca2609;}
ul#navmenu a.marron {background: #711909;}
ul#navmenu a.azul_oscuro {background: #150971;}
ul#navmenu a.azul_claro {background: #0087c0;}

/* Menu Principal Hover */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #000 url("images/buttons/menu_root_hover.gif") repeat-x;
color: #FFF;
}

/* FIN MENU SUPERIOR */

/* SUBMENUS DE NAVEGACION */

ul#submenu {
height: 40px;
padding: 10px 0 10px 0;
}

ul#submenu2 {
padding: 5px 0 5px 0;
}

ul#submenu, ul#submenu2 {
margin: 0 auto;
text-align: center;
border: 0 none;
list-style: none;

display: block;
}

ul#submenu li, ul#submenu2 li {
font: bold 16px Trebuchet MS, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 4px;
float: left; /*Para Gecko*/
display: inline;
list-style: none;
color: #0087c0;
}

/* Menu Principal */

ul#submenu a, ul#submenu2 a {
float: none !important; /*Para Opera*/
color: #ca2609;
font: bold 16px Trebuchet MS, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*Para IE*/
}

ul#submenu a.submenu_activo, ul#submenu2 a.submenu_activo {
color: #0087c0 !important;
}

/* Menu Principal Hover */
ul#submenu a:hover, ul#submenu li:hover a, ul#submenu li.iehover a,
ul#submenu2 a:hover, ul#submenu2 li:hover a, ul#submenu2 li.iehover a {
color: #150971;
}

/* FIN SUBMENUS */

/* Cajas */

.flash {
margin: 0;
padding: 0 20px 0 24px;
color: #000;
}

.cajatexto {
margin: 0;
padding: 10px 20px 10px 20px;
color: #000;
}

.cajatexto_degrarosa {
background: #FFF url("images/degradado_rosa.gif") repeat-y;
margin-top: 10px;
padding: 0 0 0 20px;
color: #000;
}

.columna_imagen {
margin: 0;
padding-top: 5px;
text-align: left;
width: 260px;
height: 350px;
overflow: hidden;
}

.columna_texto {
margin: 0;
padding-right: 5px;
width: 490px;
color: #000;
}

.columna_texto_mini {
font: 11px Arial, Helvetica, sans-serif;
margin: 0;
margin-right: 10px;
width: 152px;
overflow: hidden;
color: #0087c1;
}

.texto {background: #FFF; padding: 10px 10px 20px 40px;}

.texto ul {padding-left: 20px;}
.texto ul li {list-style-type: square;margin: 2px;}


/* Formulario de contacto */

table {margin: 10px 0 0 0; padding: 0;}
td {padding: 6px 0 6px 0;}
td p {margin: 0;}
td input.enviar {padding: 3px; background-color: #250; color: #FFF; font-weight: bold; border: 1px solid #999;}


/* Footer */

#footer {
background: #eb4422 url("images/footer_bg.gif") no-repeat top;
height: 15px;
clear: both;
font: 12px Arial, Helvetica, sans-serif;
margin: 0;
padding-top: 15px;
line-height: 8px;
text-align: center;
color: #FFF;
}

#footer a {color: #FFF;}

/* Crossfade */

#crossfade {position: relative; }
#crossfade li {display: block; margin: 0 !important; padding: 0 !important;}