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

/* CEGE
/* Autor: MANUEL RIBERA (Entorno Digital (http://www.entorno.es/)
/* Fecha: 11-02-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: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height:16px; background-color:#e3e3e3;}
p { margin:0 0 20px 0; line-height:16px;}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:27px; color:#000; line-height:30px; margin-bottom:16px; margin-top: -10px;}
.naranja{color:#ff6500;}
h4 {font-family: Verdana, Geneva, sans-serif; font-size:11px; font-weight: bold; color: #EB6B0A; margin-bottom:10px;}
/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:1000px; height:auto; margin:0px auto 0px auto;}
#wrapper2 { width:1000px; height:auto; float:left; margin-bottom:20px;}
#header { width:1000px; height:70px; float: left; background:#ff6500 url(../img/bg_header.gif);}
.btn_home{ width:170px; height:70px; float: left; display:block;}

#nav_sup { width:1000px; height:20px; float: left; background:#404040; border-top:solid 1px #404040; border-bottom:solid 1px #404040;}
#content { width:999px; height:auto; float: left; padding: 0px 0px 24px 0px; background:url(../img/bg_content.gif) top left repeat-y;border-top:solid 8px #fff; border-bottom:solid 8px #fff;}
#left { width: 218px; height:auto; float: left; background-color:#ff6500; padding:30px 0px;}
#right { width: 600px; height:auto; float: right; padding:30px 0px 0px 0px; margin-right:70px;}
#footer{ width:1000px; height:auto; float:left; background-color:#404040;}
#footer_left{ width:218px; height:165px; float:left; background:#ff6500; border-right:solid 8px #fff;}
#footer_left p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; line-height:16px; text-align:center; margin:94px 10px 0px 10px; border-top:solid 1px #fff; padding:4px 0px;}
#footer_left a{ color: #fff; text-decoration:none;}
#footer_left a:hover{ color: #fff; text-decoration:underline;}
#footer_right{ width:770px; height:165px; float:right;}
#footer_right p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; float:left; margin:4px 15px; text-align:justify;}

/* RIGHT
--------------------------------------------------------------------------- */
.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: 550px; height:auto; float: left; padding:10px 0px; border-top:solid 1px #ff6500;}
.right_div img { float: left; margin-bottom:20px;}
.right_div p { margin-top:16px;}
.tit_bold { font-weight:bold;}
.right_div a { color: #ff6500; font-weight:normal;}
.right_div a:hover { color: #bf1628; text-decoration:underline;}
h2 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFFFFF; width:190px; height:26px; line-height:26px; background:#bf1628 url(../img/bg_icon_cege.gif) top left repeat-y; padding:0px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

#right a { color: #ff6500; font-weight:bold;}
#right a:hover { color: #bf1628; text-decoration:underline;}
#right img { margin:10px 20px 10px 70px;}

.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{
width:auto; height:55px; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; padding-top:15px;}
#nav_idiomas ul{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width:auto; height:20px; text-align:right; line-height:66px; margin-bottom:6px;}
#nav_idiomas ul li { list-style: none; display: inline; margin:0px 10px 0px 0px; line-height:20px;}
#nav_idiomas ul li img { border: none;}
#nav_idiomas ul li a { color:#FFF;}
#nav_idiomas ul li a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#9f572c; color:#FFF;}

/* NAVSUP
--------------------------------------------------------------------------- */
#nav_sup ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:auto; height:20px; text-align:center;}
#nav_sup ul li { list-style: none; display: inline; margin:0px 20px;}
#nav_sup ul li a { text-decoration: none; color:#fff; line-height:20px; height:20px; padding:0px 12px; display: inline-block; }
#nav_sup ul li a:hover { background-color:#ff6500; color: #000; }
#nav_sup ul li a.current { background-color:#ff6500; color: #000; }

/* NAV FOOTER
--------------------------------------------------------------------------- */
#nav_foot ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width:auto; height:30px; text-align:center; padding:0px 0px;}
#nav_foot ul li { list-style: none; display: inline; margin:0px 4px;}
#nav_foot ul li a { text-decoration: none; color:#fff; line-height:30px; width:139px; height:30px; display: inline-block; }
#nav_foot ul li a:hover { color: #fff; }
#nav_foot ul li a.current { color: #fff; }

#nav_foot_top{ width:770px; height:8px; background-color:#fff; position:relative; top:-38px;}

/* NAV FOOTER BOTTOM
--------------------------------------------------------------------------- */
#nav_footer_bottom ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; width:auto; height:40px; text-align:center; padding:0px 0px; color: #ccc;}
#nav_footer_bottom ul li { list-style: none; display: inline; margin:0px 4px;}
#nav_footer_bottom ul li a { text-decoration: none; color:#ccc; line-height:50px; height:50px; display: inline-block; text-decoration:underline;}
#nav_footer_bottom ul li a:hover { color: #ff6500; text-decoration:underline;  }
#nav_footer_bottom ul li a.current { color: #ff6500; }

/* DICCIONARIO
--------------------------------------------------------------------------- */
#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;
}


/* FORM
--------------------------------------------------------------------------- */
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000; line-height:30px; text-align:center; margin:15px 0px; background-color:#bcbcbc;}
#cont_form {  width: 680px; height:auto; float: right; padding:30px 0px 0px 0px; margin-right:20px;}
#cont_form ul { margin-bottom:10px;}
#cont_form ul li {width: 680px; list-style: none; display: inline-block; height:30px; line-height:30px;}
#cont_form label { width: 180px; float: left; margin-right:4px; text-align:right; font-size:11px;}
#cont_form input { float: left; border:solid 1px #ff6500; margin:4px 4px 4px 0px;}
#cont_form select { float: left; border:solid 1px #ff6500; margin:4px;}
#cont_form textarea { float: left; border:solid 1px #ff6500; margin:4px 0px;}
#cont_form ul li .nota {float:right; width:360px; border:solid 1px #ccc; margin:5px;}
#cont_form ul li .nota p {line-height:16px; margin:10px; font-size:11px;}
#cont_form input.btn_enviar { text-decoration: none; color:#fff; height:30px; padding:0px 12px; border:none; background:#404040; margin:0px 300px; }
#cont_form input.btn_enviar:hover { background-color:#ff6500; color: #000; cursor:pointer; }
#cont_form input.btn_enviar:current { background-color:#ff6500; color: #000; }
a.btn_enlace:link, a.btn_enlace:visited { width:100px; height:30px; display:block; color: #ff6500; font-weight:normal; text-align:center; margin:10px auto;}
a.btn_enlace:hover { color: #bf1628; text-decoration:underline;}

/* SLIDESHOW
--------------------------------------------------------------------------- */
#slideshow {float: left; width:218px; height:145px;}
#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; }

/*GALERIA DE FOTOS
------------------------------------------------------------------------------------*/
#gente_galeria { float:left; width: 550px/*751px*/; height:auto;}

#contenido_galeria { width: 522px padding: 0 0 10px 28px;}
.foto_galeria { float:left; width:300; height:330px; text-align:left; display: block; overflow:hidden; margin:0px;} 
#right #gente_galeria #contenido_galeria #DatosGaleria .foto_galeria img { margin:0px;}
.pie_foto { line-height:14px; float:left; width:130px; padding: 40px 20px 0 0; z-index:1000;}
.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
------------------------------------------------------------------------------------*/
#gente_diccionario { float:left; width:550px/*751px*/; height:548px; 
/*background:url(../images/persona_2.png) no-repeat bottom right;
_background:url(../images/persona_2.gif) no-repeat bottom right;*/}

#contenido_diccionario { padding: 0 0 0 60px; width:480px; height:370px;}

/*#content_accordion { width:660px; padding: 28px 30px 20px 30px;
	background:url(../images/fons_content.jpg) no-repeat top;
	}*/

#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{
	/*padding: 0px 15px;*/
	text-align: justify;
	line-height:18px;
}

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

/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta { float:left; margin: 0px; width: 680px;}
#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 .dir 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 30px; }
#contacta .dir a { color: #ff6500; margin:10px auto;}
#contacta .dir a:hover { color: #bf1628; text-decoration:underline;}

/* 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;}
#foto_ejem{
width:600px; float:left;
display:block;
}
#foto_ejem img{
float:left;
}
.botejem { width:60px; height:auto; font-size:13px; text-align:center; font-weight:normal; margin:150px 0px 0px 0px; display: block; float:left;}

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

.contenido_productos_show .nav { padding:10px 0 0 0;}
.contenido_productos_show #nav a, #s7 strong { margin: 0 2px; padding: 2px 5px; background: #C3C2C0; text-decoration: none; color:#fff; }
.contenido_productos_show #nav a:hover {color:#000; }
.contenido_productos_show #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; background-color:#FFFFFF; text-align:left; }
.contenido_productos_texto h1 { color: #EB6B0A;}
.contenido_productos_texto h3 { color: #000;}