@charset "utf-8";
/* CSS Document */

/* CEGE
/* Autor: MANUEL RIBERA (Entorno Digital (http://www.entorno.es/)
/* Fecha: 15-03-2010

--------------------------------------------------------------------------- */


/* RESET
--------------------------------------------------------------------------- */

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; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img, :link img, :visited img {border: 0;}
a, a:active, a:visited, img { outline:none; text-decoration:none; color:#1900cc;}
a:hover { color:#ff1900;}
img { -ms-interpolation-mode: bicubic;}

/*img, div, li, a { behavior: url(iepngfix.htc); }
a, a:active, a:visited, img { outline:none; text-decoration:none;}*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear:both;}
.espacio { height:100px;}


/* BASICOS
--------------------------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; line-height:16px; background-color:#E3E3E3;}
p { margin:0 0 16px 0; line-height:16px;}
h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#fff; line-height:26px; margin:0 0 4px 100px; font-weight:lighter;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#000; line-height:22px; margin:0 0 4px 100px; font-weight:lighter;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#000; line-height:22px; font-weight:lighter;}
h4 {font-family: Arial, Helvetica, sans-serif;font-size:11px; font-weight: bold; color: #EB6B0A; margin-bottom:10px;}

.primer { padding-top:16px;}

.blanco{color:#000; font-weight:bold;}
.naranja{color:#ff6500;}
.ejem { display:block; text-align:right; margin:0;}
.ejem a  { color:#fff; font-weight:lighter;}
.ejem a:hover { color:#000; text-decoration:underline;} 


/* MENÚ
--------------------------------------------------------------------------- */
#main_nav { width:859px; float: left; background:#404040; font-size:12px; padding:3px 0 0 140px; /*margin-left:130px !important; *margin-left:65px*/}
#main_nav ul { }
#main_nav ul li { float:left; list-style:none; margin:0;}
#main_nav ul li a.top { float:left; width:auto;/* height:24px;*/ padding:0 30px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}
#main_nav ul li a.top:hover, #main_nav ul li a.top:active { color:#999;}
#main_nav ul li a.btn_main_nav { background:none;}
#main_nav ul li a:hover, #main_nav ul li a.btn_select { /*background-image:url(../img/bg_btn_nav.gif); background-repeat:repeat-x;*/ color:#FFF;}
#main_nav ul li a.btn_main_nav2 { float:right;}
#main_nav ul li ul { width:auto; background-color: #6c6f70; padding:6px 0; }
#main_nav ul li ul li { }
#main_nav ul li ul li a.sub { float:left; width:184px; padding:7px 0 7px 17px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; border-bottom:1px solid #626669;}
#main_nav ul li ul li a.sub:hover { background:#575a5d; color:#999;}


/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:1000px; height:auto; margin:0px auto;}
#header { width:999px; height:65px; float: left; background:url(../img/bg_header.gif) no-repeat #007887;}
.btn_home{ width:170px; height:65px; float: left; display:block;}
#content { width:999px; height:auto; float: left; padding-bottom:16px; background:#eb6e07;}
#content2 { width:999px; height:auto; float: left; background: url(../images/fondo_content2.jpg) repeat-y top left #fff; padding-bottom:16px;}
#content ul { margin:0 0 16px 120px; line-height:20px; list-style: disc;}
#left { width: 218px; height:auto; float: left; background-color:#ff6500; padding:30px 0px;}

#footer{ width:999px !important; *width:1000px; height:auto; float:left; background:#eb6e07;/* border-top:4px solid #fff;*/}
#footer_left{ width:162px; height:123px; float:left; background:#ff6500;}
#footer_left p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height:14px; text-align:center; }
#footer_left a{ color: #fff; text-decoration:none;}
#footer_left a:hover{ color: #fff; text-decoration:underline;}
#footer_right{ float:left; width:836px; height:123px;text-align:center;}
#footer_right p{ padding:0 60px; font-size: 11px; color: #fff; float:left; text-align:center; margin-bottom:10px; line-height:14px;}


/* RIGHT
--------------------------------------------------------------------------- */
#right { float:left; width: 890px; height:auto;  padding:30px 50px 0px 60px;}

.sub_tit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#000; margin-bottom:30px; line-height:34px;}
.naranja{color:#ff6500;}
.right_div { width: 780px; height:auto; float: left; padding:0 0 0 100px; }
.right_div img { float: left; border:1px solid #bf650f;}
.right_div p { margin:0 40px 10px 100px; padding-top:10px;}
.tit_bold { font-weight:bold;}
.right_div a { color: #ff6500; font-weight:normal;}
.right_div a:hover { color: #bf1628; text-decoration:underline;}

#right ul a { color:#000; font-weight:bold;}
#right a:hover { color: #cecece; text-decoration:underline;}
#right img { margin:10px 0px;}
#right p { margin:0 0 16px 100px;}
#right p a{ color: #000; font-weight:bold; text-decoration:underline;}
#right p a:hover { color: #fff; text-decoration:none;}

#right ul ul { margin:0; padding:0; margin-bottom:10px;}
#right ul ul li { display:inline;  margin-right:5px;}
#right ul ul li a { font-weight:lighter;}

.punto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height:16px; margin:0 0 20px 0; line-height:16px; background:url(../img/punto.gif) top left no-repeat; padding-left:10px;}


/* IDIOMAS
--------------------------------------------------------------------------- */
#nav_idiomas{ float:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; margin:20px 35px 0 0 !important; *margin:20px 28px 0 0 !important;*margin:20px 15px 0 0;}
#nav_idiomas ul{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
#nav_idiomas ul li { list-style: none; display: inline; margin:0px 10px 0px 0px;}
#nav_idiomas ul li img { border: none;}
#nav_idiomas ul li a { color:#FFF; padding:0;}
#nav_idiomas ul li a:hover { color:#000;}


/* NAV FOOTER
--------------------------------------------------------------------------- */
#nav_foot ul { float:left; width:837px; font-size:11px; font-weight:bold; text-transform:uppercase; background:#878787; margin-bottom:13px;}
#nav_foot ul li { float:left; list-style: none; padding:6px 34px 0 34px; height:22px; margin:0;}
#nav_foot ul li a { text-decoration: none; color:#fff; }
#nav_foot ul li a:hover { color: #000; }
#nav_foot ul li a.current { color: #fff; }

.fondorojo { background:#d3041b;}
.fondoazul { background:#007887;}
.fondoazul2 { background:#003c78;}
.fondorojo2 { background:#878787;}


/* NAV FOOTER BOTTOM
--------------------------------------------------------------------------- */
#nav_footer_bottom ul { float:left; width:696px; padding:0 70px; font-size:10px; text-align:center; color: #ccc; line-height:14px;}
#nav_footer_bottom ul li { list-style: none; display: inline; margin:0px 4px;}
#nav_footer_bottom ul li a { text-decoration: none; color:#000; display: inline-block; text-decoration:none;}
#nav_footer_bottom ul li a:hover { text-decoration:underline; }
#nav_footer_bottom ul li a.current { color: #000; }
#nav_footer_bottom .copy { font-size:9px; text-align:center; color:#000; font-style:italic;}


/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta { float:left; margin:10px 0 0 100px !important; *margin:10px 0 0 50px; width: 250px;}
#contacta h1 { float:left; width:200px; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#fff; line-height:26px; margin:0; padding:0; font-weight:lighter;}
#contacta h2 { font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#000; line-height:22px; margin:0 0 10px 0; font-weight:lighter;}

#contacta .dir { float:left; width:200px; margin:16px 0; }
#contacta .dir a { margin-top:10px; text-decoration:underline;}
#contacta .dir h2 {font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#000; line-height:22px; margin:0; padding:0; font-weight:lighter;}
#contactaform { float:left; width:auto; margin:30px 0 10px 0; }
#contactaform h3 { margin:10px 0;}
#contactaform form { margin:20px 0;}
#contactaform h1 { float:left; width:400px; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#fff; line-height:26px; margin:0 0 10px 0; padding:0; font-weight:lighter;}
#contactaform ul { list-style:none; margin:0; padding:0; width:500px;}
#contactaform ul li { float:left; width:500px; margin-bottom:4px;}
#contactaform label { float:left; width:80px;}
#contactaform textarea, #contactaform input { font-family: Arial, Helvetica, sans-serif;  font-size:12px;}
.boton { margin-left:360px; background:#ec6e07; border:1px solid #fff; font-weight:bold; color:#fff; font-size:12px; cursor:pointer;}
.boton:hover { background:#fff; color:#ec6e07;}

a.tar { color:#000; text-decoration:underline; }

#contacta2 { float:left; margin-left:100px; width: 600px;}


/* TRABAJAR
--------------------------------------------------------------------------- */
.trabajar { display:block; margin-bottom:16px;}



/* PRESUPUESTO
--------------------------------------------------------------------------- */
#presupuesto ul { list-style:none;}
#presupuesto ul li { margin-bottom:4px;}
#presupuesto label { float:left; width:80px;}



/* SLIDESHOW
--------------------------------------------------------------------------- */
#slideshow {float: left; width:162px; height:123px;}
#slideshow img {float: left;}


/* MAPA WEB
--------------------------------------------------------------------------- */
#mapa_web{width: 600px; height:auto; float:right; padding:30px 0px 0px 0px; margin-right:70px;}
#mapa_web ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:auto; text-align:left; border:solid 1px #ccc; margin-bottom:6px;}
#mapa_web ul li { list-style: none; margin:0px 20px;}
#mapa_web ul li a { text-decoration: none; color:#ff6500;; line-height:20px; height:20px; padding:0px 12px; display: inline-block; }
#mapa_web ul li a:hover { color: #000; text-decoration:underline; }
#mapa_web ul li a.current { color: #000; }


/* AVISO LEGAL
--------------------------------------------------------------------------- */
#aviso { background:#fff; color:#000; padding:20px;}
#aviso p { margin-bottom:16px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; line-height:16px;}
#aviso h1 { color:#ff6500; margin:0 0 10px 0; }


/*GALERIA DE FOTOS
------------------------------------------------------------------------------------*/
#contenido_galeria { width: 522px padding: 0 0 10px 28px; margin-left:200px;}
.foto_galeria { float:left; width:300px; height:330px; text-align:center; display: block; overflow:hidden;}
.pie_foto { line-height:14px; float:left; width:130px; padding: 40px 20px 0 0;}
.nombre_foto {font-weight: normal; color: #EB6B0A;}
.descripcion_foto {font-weight: bold; color: #999;}

#carrusel{ padding-left:105px;}

.columna_diccionario { float:left; width:160px;}


/* DICCIONARIO
--------------------------------------------------------------------------- */
#diccionario ul, #diccionario ul li, #diccionario ul ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#diccionario ul {
 position: relative;
 z-index: 597;
 float: left;
}

#diccionario ul li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

#diccionario ul li.hover, #diccionario ul li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

#diccionario ul ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

#diccionario ul ul li {
 float: none;
}

#diccionario ul ul ul {
 top: 0px;
 left: 100%;
}

#diccionario ul li:hover > ul {
 visibility: visible;
}

#contenido_diccionario { float:left; width:700px; margin-left:100px;height:350px;}

#basic-accordian{
	border:none;
	padding-top:5px;
	width:100%;
	z-index:2;
}

.accordion_headings{
	float:left;
	height:15px;
	width:15px;	
	line-height:15px;
	font-weight:bold;
	text-align:center;
	margin-right:1px;
	border: 1px #fff solid;
	background:#444446;
	color:#fff;
	cursor:pointer;
}

.accordion_headings:hover{background:#EEA268;}

.accordion_child{
	text-align: justify;
	line-height:18px;
}

.header_highlight{
	background:#EB6B0A;
	color:#FFF; font-weight:bold;
	}

/* PRODUCTOS
------------------------------------------------------------------------------------*/
#gente_productos { float:left; width:720px/*751px*/; height:auto; margin-bottom:20px; 
/*background:url(../images/persona_2.png) no-repeat right 180px;
_background:url(../images/persona_2.gif) no-repeat right 180px;*/}

#contenido_productos { padding: 0 0 0 28px; width:640px; }
#contenido_productos ul { padding:0 0 10px 30px; }

#productos { width:560px; text-align:justify; padding: 0 0 20px 28px;}

.botejem { float:right; width:131px; height:36px; background:url(../images/bot_ejem.jpg) no-repeat top left; font-size:16px;; padding:18px 0 0 20px; margin:20px 0 0 0;}

.bot_producto {width:381px; height:35px; background:url(../images/bot_productos.jpg) no-repeat;
font-size:16px; line-height:35px; padding-left:15px; display:block; margin:0px; }

bot_producto a{ color:#000;}
bot_producto a:hover{color: #F00;}

.contenido_productos_show {float:left; width:720px; height:540px; padding: 0 0 0 55px;}
.contenido_productos_texto { float:left; width:130px;}
.contenido_productos_fotos { float:left; width:416px; height:416px;}

#s4 { margin:19px 0 0 0; background:none; width:700px;}

.nav { padding:10px 0 0 0;}
#nav a, #s7 strong { margin: 0 2px; padding: 2px 5px; background: #C3C2C0; text-decoration: none; color:#fff; }
#nav a:hover {color:#000; }
#nav a.activeSlide { background: #EB6B0A; }

#caja_scroll{
width: 600px;
height: 50px;
overflow: auto;
clear:both;
text align: left;
margin :auto;
scrollbar-face-color: #ff6500;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #99CCFF;
scrollbar-3dlight-color: #C3C2C0;
scrollbar-shadow-color: #C3C2C0;
scrollbar-darkshadow-color: #99CCFF;
scrollbar-track-color: #336699;
 }
 
 
/* VER EJEMPLOS
------------------------------------------------------------------------------------*/

.contenido_productos_texto h1, .contenido_productos_texto h3 { font-family:Verdana, Geneva, sans-serif; font-size: 11px; font-weight:bold; margin: 0 0 10px 0; line-height:12px; }
.contenido_productos_texto h1 { color: #EB6B0A;}
.contenido_productos_texto h3 { color: #000;}