* {margin:0; padding:0;}

body {
	font: 0.7em "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	background-color: #13556d;
	color: #c7e2ec;
	/* 	color: #dff0f6; */
}
a {color: #e9f4f8;}
a:hover, a:focus {
	color: #fff;
	text-decoration:none;
}
img {border:0;}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 10px;
	border-bottom: 1px dotted #3a7489;
	padding: 0 0 5px;
}
h3 {
	font-size: 1.2em;
	margin: 30px 0 10px;
	border-bottom: 1px dotted #3a7489;
	padding: 0 0 5px;
	color: #dff0f6;
	text-transform: uppercase;
}
h4 {
	margin: 10px 0 5px;
	font-size: 1.2em;
	color: #dff0f6;
}
p {
	font-size: 1.2em;
	margin: 0 0 15px;
}
ul,ol {font-size: 1.2em;}
blockquote {padding: 0 25px;}
pre {
	overflow: auto;
}

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
	background: url(./imagenes/puntos_v.gif) repeat-y 158px 0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Skip links for screen readers or handheld devices */
p.skip, p.top { position: fixed; visibility: hidden; }


#container {
	width:983px;
	margin:0 auto;
}

/*------ cabecera + logo ------*/
#cabecera {
	width: 100%;
	height: 127px;
	margin: 0;
	background-color:#10323e;
	top: 0;
}
#cabecera img {
	width: 900px;
	float: none;
	height: 125px;
	border: 0;
	display: block;
}

#cabecera h1 {
	width: 70%;
	float: left;
	text-indent: -9999px;
	height: 50px;
	display: none;
}
#sketchbook #cabecera h1, #interior #cabecera h1 {display: none;}

/*------ main nav ------*/
#nav {
	background-color:#0E4961;
	border-bottom: 1px dotted #3a7489;
	padding-top: 10px;
	height: 30px;
	width:100%;
}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 24px;
	margin: 0 auto 0 auto;
	
	background-color:#0E4961;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.glossymenu li a{
	float: left;
	display: block;
	color: #D4D4D4;
	text-decoration: none;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a strong{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(./imagenes/menu_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a strong, .glossymenu li a:hover strong{
	color: #fff;
	background: url(./imagenes/menu_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/*------ miga de pan ------*/
#miga {
	font-size:1em;
	left:5px;
	padding:5px 0;
	position:relative;
	top:0;
	width:950px;
}

/*------ content layout ------*/
#content {
	width: 100%;
	padding: 5px 0 0;
}
#col1 {
	width:150px;
	float: left;
	height: 350px;
}
.azulRelieve {
	background: #215b76;
	padding:0 20px 20px;
	border-bottom: 2px solid #004964;
	border-right: 2px solid #004964;
	height:350px;
	margin-bottom:20px;
	overflow:hidden;
}
.azulRelieve h2 {
	font-size: 1.8em;
}

.textoGrupoProductos {
	font-size: 1.4em;
	line-height:1.4em;
	padding:10px;
	width:430px;
	float:left;
}

.imgTitulo {
	margin:8px 0 0 8px;
	/*padding:8px 0 0;*/
}

.imgProducto {
	float:left;
	margin:15px 10px 10px;
}

.imgProducto_der {
	float:right;
	margin:15px 10px 0 0;
}

.textoProducto {
	font-size: 1.4em;
	line-height:1.4em;
	margin:15px 10px 25px;
	width:580px;
	float:left;
}

.divPresent {
	background: #215b76;
	padding:0 20px 20px;
	border-bottom: 2px solid #004964;
	border-right: 2px solid #004964;
	/*height:350px;*/
	margin-bottom:20px;
	overflow:hidden;
	margin-top:15px;
}
.divPresent p {
	font-size: 1.4em;
	line-height:1.4em;
	margin:35px 10px 25px;
	padding:10px 0 0;
	/*width:590px;
	float:left;*/
}

#col2 {
	width: 810px;
	float: left;
	padding: 0 0 0 20px;
}
#main-content {padding: 0 0 10px;}
#interior #main-content, #sketchbook #main-content {
	margin: -60px 0 0;
	position: relative;
	z-index: 100;
}


/*------ grupoProductos ------*/
.grupoProductos {
	padding: 20px 0 10px;
	background: #084f69;
	margin: 0 0 10px;
	border: 1px dotted #2d6579;
	width: 100%;
	max-width: 570px;
	clear: both;
}
.grupoProductos h2 {
	border: 0;
	margin:0 0 0 20px;
}
.grupoProductos p {
	padding: 0 20px;
}

.imgGrupoProductos {
	float:left;
	margin:35px 5px 0 0;
}

/*------ fotos_secciones ------*/
#fotos_secciones {
	padding: 20px 0 10px;
	background: #084f69;
	margin: 0 0 10px;
	border: 1px dotted #2d6579;
	width: 100%;
	max-width: 570px;
	clear: both;
}


/*------ footer ------*/
#footer {
	/*border-top: 1px dotted #3a7489;*/
	width: 100%;
	background:url(imagenes/logo_footer.gif) no-repeat #10323e 200px center;
}

#footer p{
	color:#8995C9;
	font-size:1.1em;
	line-height:0.8em;
	margin-top:10px;
}

#footer a, a:visited{
	color:#8995C9;
	font-size:1.1em;
	text-decoration:none;
}

#footer a:hover{
	border-bottom:1px dotted;
	color:#CCCCCC;
}

#copyright {
	padding: 15px 0 0 330px;
	border-bottom: 1px solid #004964;
	/*background: url(./imagenes/puntos_v.gif) repeat-y 240px 0;*/
}
#logos img {padding: 0 15px 0 0;}

.clear {
	clear: both;
}

.none {
	display:none;
	color:#215b76;
	text-decoration:none;
}

.DO {
	background:transparent url(imagenes/dor_peq.gif) no-repeat scroll 0 0;
	float:left;
	font-size:1.2em;
	font-style:italic;
	height:62px;
	margin:0 0 0 15px;
	padding:20px 0 0 45px;
	width:500px;
}

.datos{
	float:left;
	font-size:1.2em;
	margin:0 0 5px 15px;
	width:500px;
}

.ImgInfo {
	float:left;
	left:280px;
	position:relative;
	top:-100px;
}

.capaVerde {
	background-color:#E6EFC2;
	border-color:#C6D880;
	color:#529214;
}

/*------ Formulario contacto ------*/

/*------ Fin Formulario contacto------*/

#menuLateral a, a:visited {
	text-decoration:none;
}

#menuLateral a:hover {
	border-bottom:1px dotted;
}

#menuLateral ul a{
	color:#8CC63F;
	font-size:1.2em;
}

#menuLateral ul{
	color:#8CC63F;
	margin: 10px 0 8px -10px;
	font-size:1.2em;
}

#menuLateral li a{
	color:#c7e2ec;
	font-size:0.8em;	
}

#menuLateral li {
	margin:5px 0px 5px 20px;
	vertical-align:text-bottom;
}

.lineaVerde {
	background-color:#8CC63F;
	border:0 none;
	height:1px;
	margin:0px 0px 10px 0px;
	padding:0;
	width:90px;
}

/*------ Presentación ------*/

#presentacion {
	width:700px;
	margin:50px auto;
	background-color:#11313e;
}

#inicioIdioma {
	width:340px;
	height:50px;
	position:relative;
	margin:15px auto;
}

#inicioIdioma ul{

}

#inicioIdioma li {
	display:inline;
	font-size:1.5em;
	margin:35px 20px 30px 20px;
}

#inicioIdioma a, a:visited {
	color:#8CC63F;
	text-decoration:none;
}
#inicioIdioma a:hover {
	color:#CCCCCC;
	text-decoration:none;
}
/*------ Fin Presentación ------*/