/*----------------------------------------------------------------------------------------------------
[Main Stylesheet]

	- Author:					Xavier Gort
	- Version:				1.0
	- Creation Date:		05/12/2009
	- Last Change:			05/12/2009
	- Primary use:			Screen / Monitor

[Color / Background Color, Border Color codes]

	- Text Color #1:			#3F4141		(grey)
	- Text Titles #2:			#00737C		(blue marine)
	- Text Sub Titles #3:			#3da8b2		(soft blue marine)
	- Top Links #4:			#178790		(soft blue marine)
		
	- Background #1 :		#C0C0C0		(grey)
	- Background #2 (canvas) :		#FFFFFF		(white)
	- Background #3 (body) :		#E1E7F4		(soft grey)
	- Background #4 (home highlights) :		#A5BEF2		(soft blue/gray)
	- Background #5 (footer) :		#3DA8B2		(soft blue marine)
	- Background #6 (footer / right square) :		#167E8C		(dark blue marine)
	
	- Border #1 (home highlights):			#F2F2F2	(white)
	- Border #2 (...):			#FFFFFF		(white)
	- Border #3 (...):			#0033CC		(blue)
	- Border #4 (...):			#CC0033		(red)
	- Border #5 (...):			#FFCC33		(yellow)
	- Border #5 (...):			#009933		(green)

[Typography]

	- Font Type #1 (...):					"Arial,Helvetica,Verdana,sans-serif
	
[Structure]

	+ Body
		- Header (header/header) / [div]
		+ Content (content/content) / [div]
		- Footer (footer/footer) / [div]

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

/*----------------------------------------------------------------------------------------------------
	Default Styles for all Objects, HTML, BODY and Default link and its hover
----------------------------------------------------------------------------------------------------*/

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,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;	
	outline: none;
	cursor:default;
}

img{
	border:none;
	display:block;
}

iframe{
	border:none;
	width:0px;
	height:0px;
}

html{
	margin:0px;
	padding:0px;
}

body{
	background-attachment:fixed;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#3F4141;
	background:#FFF url("../img/bg.gif") repeat-x top left;
	text-align:left;	
}

a{
	text-decoration:none;
	color:#3da8b2;
	cursor:pointer !important;
}

a:hover{
	text-decoration:underline;
}

input, select, option, textarea{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	color:#C0C0C0;
}

/** General Styles **/


h2{
	padding-top:5px;
	margin-left:10px;
	color:#FFFFFF;
	font-size:16px;
}


h3{
	color:#00737c;
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
}

h4{
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:10px;	
}


/** header ***/

#header{
	height:194px;
	width:960px;
	margin:0 auto;	
}

#head{
	width:960px;
	height:139px;
	background:#FFF url("../img/bg_header.jpg") no-repeat top left;	
}

#logo{
	padding:22px 0px 0px 70px;
	float:left;	
}

#tools{
	float:right;
	padding:3px 30px 0 0;
	text-align:right;
	display:inline;
	color:#178790;
	font-size:12px;	
}

#tools #tool_list li a{
	margin-left:12px;
}

#tools #tool_list li a{
	font-weight:bold;
}

#tools #tool_list li a:hover{
	text-decoration:underline;
}

/** MENU **/

#jsddm{
	width:960px;
	height:55px;
	float:left;
	display:inline;
}

	
#jsddm li ul{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
	
#jsddm li{
	width:160px;
	height:10px;
	float:left;
	display:inline;
}

#jsddm li a{
	display:block; 
	width:160px !Important;
	height:55px !Important;
}

#jsddm li a.item1{
	background:url("../img/menu_1.gif") no-repeat top left;	
}
#jsddm li a.item1_over{
	background:url("../img/menu_1.gif") no-repeat 0px -55px;
}
#jsddm li a.item1_fix{
	background:url("../img/menu_1_fix.gif") no-repeat top left;
}


#jsddm li a.item2{
	background:url("../img/menu_2.gif") no-repeat top left;	
}
#jsddm li a.item2_over{
	background:url("../img/menu_2.gif") no-repeat 0px -55px;
}
#jsddm li a.item2_fix{
	background:url("../img/menu_2_fix.gif") no-repeat top left;
}


#jsddm li a.item3{
	background:url("../img/menu_3.gif") no-repeat top left;	
}
#jsddm li a.item3_over{
	background:url("../img/menu_3.gif") no-repeat 0px -55px;
}
#jsddm li a.item3_fix, #jsddm li a.item3_fix_over{
	background:url("../img/menu_3_fix.gif") no-repeat top left;
}


#jsddm li a.item4{
	background:url("../img/menu_4.gif") no-repeat top left;	
}
#jsddm li a.item4_over{
	background:url("../img/menu_4.gif") no-repeat 0px -55px;
}
#jsddm li a.item4_fix{
	background:url("../img/menu_4_fix.gif") no-repeat top left;
}


#jsddm li a.item5{
	background:url("../img/menu_5.gif") no-repeat top left;
}
#jsddm li a.item5_over{
	background:url("../img/menu_5.gif") no-repeat 0px -55px; 
}
#jsddm li a.item5_fix{
	background:url("../img/menu_5_fix.gif") no-repeat top left;
}


#jsddm li a.item6{
	background:url("../img/menu_6.gif") no-repeat top left;	
}
#jsddm li a.item6_over{
	background:url("../img/menu_6.gif") no-repeat 0px -55px; 
}		
#jsddm li a.item6_fix{
	background:url("../img/menu_6_fix.gif") no-repeat top left;
}


#jsddm li ul li{	
	float: none;
	display: inline;	
}

#jsddm li ul li a{	
	width: auto;
	background: #7b9796;
	color: #FFFFFF;
	display:block; 
	width:140px !Important;
	height:20px !Important;
	padding-left:20px;
	padding-top:5px;
}

#jsddm li ul li a:hover{	
	background: #3DA8B2;
	text-decoration:none;
}


/** Content **/

#content{
	width:960px;
	background:#e1e7f4 url("../img/bg_content.gif") repeat-x top left;	
	margin:auto;
	padding-top:30px;
}


/** footer ***/

#footer{
	width:100%;
	background:#5ac0c8;
	height:150px;	
}

#footer_content{
	color:#FFFFFF!important;
	background:#3da8b2 !important;
	width:960px;
	height:150px;	
	margin:auto;
}

#webmap{
	padding:20px 0 0 40px;
}

.footer_list{
	font-size:12px;
	margin-bottom:3px;
}

.footer_list li{
	display:inline;	
	margin-right:3px;
}

.footer_list li a{
color:#FFFFFF;
}

#copyright{
	font-size:12px;
	margin-top:10px;
}

#copyright a{
	color:#FFFFFF;
}

#contact{
	width:290px;
	height:118px;
	background:#167e8c;
	float:right;
	margin-top:-125px;
	margin-right:30px;	
}

#contact img{
	margin:23px 0 0 40px;
}

.footer_text_content{
	float:right;
	display:inline;
	width:150px;	
	margin-top:-77px;
	margin-right:25px;
}


/** HOME Main Content ***/

#main_highlight{
	width:900px;
	height:340px;
	margin-left:30px;
	background:#a5bef2;
}

.highlight_content{
	padding-top:10px;
	padding-left:10px;

}

#highlights{
	width:900px;
	height:190px;
	margin-left:30px;
	margin-top:30px !important;
	background:#a5bef2;
}

#title_destacamos{
	background:#a5bef2 url("../img/title_destacamos.jpg") no-repeat top left;	
	width:900px;
	height:30px;
	
}

#highlights_list{
	width:900px;
	float:left;
}

#highlights_list li{
	width:300px;
	margin-left:0px;
	margin-top:10px;
	float:left;
	display:inline;	
}

#highlights_list li img{
	margin-left:10px;border:1px #FFF solid;
}


/** PRODUCTOS Main Content ***/

#products_container{
	width:900px;
	height:auto;
	overflow:hidden;
	margin-left:30px;
	background:#FFFFFF;		
}

#products{
	height:auto;
	overflow:hidden;
	background:#FFFFFF;		
	display:block;	
}

.product_module{
	width:420px;
	height:220px;
	background:#E1E7F4;
	float:left;
	margin:20px 0 0 20px;	
}

.product_module img{
	margin-left:10px;
	margin-top:10px;
	border:1px #FFF solid;
	float:left;
}

.product_module .product_container{
	margin-left:10px;
	margin-top:10px;
	width:250px;
	float:left;
	display:inline;
}


.no_product_module{
	width:860px;
	height:60px;
	background:#E1E7F4;
	float:left;
	margin:20px 0 0 20px;	
	margin:20px 0 0 20px;	
}

.no_product_module .no_product_container{
	margin-left:10px;
	margin-top:20px;
	float:left;
	display:inline;
}

.product_container h3{
	font-size:18px!important;
}

.indications{
	width:400px;
	margin-top:10px;
	margin-left:10px;
	display:block;
	float:left;
}

.indications h3{
	font-size:14px;
	color:#3da8b2;
	font-weight:bold;
}


/*** FORMACIÓN ***/



.formacion_module{
	width:840px;
	background:#E1E7F4;
	float:left;
	margin:20px 0 0 20px;	
	padding:10px 10px 0px 10px;	
}


.formacion_module img{
	border:1px #FFF solid;
	float:left;
	display:inline;
	margin:0px 10px 10px 0px;
}

.formacion_module .product_container{
	width:840px;
	float:left;
	display:inline;
}


/*** Newsletter ***/

.formStyles{
margin-top:-20px!important;
}

.formStyles input{
	font-size:11px;
	color:#3f4141;
}

.formTitle{
	margin-top:20px;
	font-size:14px;
	color:#3f4141;
	margin-bottom:10px;
}

.formLine{
	height:1px;
	border-top:1px solid #3f4141;
}

.leyenda{
	font-size:11px;	
	margin-right:45px;
	color:#3f4141;	
}

.inputLabel{
	font-size:14px;
	color:#3f4141;
	font-weight:bold;
	display:block;
	margin-top:20px;
	margin-bottom:5px;
}

.radioTipo, .checkTipo{
	margin-left:10px;
}

.radioLabel{
	font-size:12px;
	color:#3f4141;
	padding-left:5px;
}

.linkPolitica{
	font-size:12px;
	color:#3f4141;
	font-weight:bold;
}

.formError{
	font-size:12px;
	color:#cc3333;
}

input.error{
	background-color:#ffcdcd;
}

.error{
	color:#cc3333;
}

.text-small{
	width:75px;
	margin-bottom:5px;
}

.text-mid{
	width:125px;
	margin-bottom:5px;
}

.text-long{
	width:370px;
	margin-bottom:5px;
}

textarea{
	width:370px;
	height:70px;
	font-size:11px;
	color:#3f4141;
}



/******/

#pagination{
	width:900px;	
	text-align:center;
	display:block;	
	background:#FFFFFF;		
	margin-left:30px;
	height:52px;
	margin:auto;	
}

#pagination ul{	
	color:#666666;
	font-size:14px;
	font-weight:bold;	
	margin-left:350px;
}

#pagination ul li{
	float:left;
	display:inline;	
	margin:15px 5px 0 0;
}

#pagination ul li.separador{
	width:5px;
}
#pagination ul li.textual{
	width:65px;
}

/** Interior Styles **/

#intern{
	height:auto;
	overflow:hidden;
	background:#FFFFFF;		
	display:block;
}

.leftCol{
	width:440px;
	float:left;	
	padding-bottom:20px;
}

.rightCol{
	width:440px;
	float:left;
	padding-bottom:20px;
}

.uniqueCol{
	height:auto;
	overflow:hidden;
	width:900px;
	margin-bottom:20px;
}

.uniqueCol .contentModule{
	width:840px;
}

.thinUniqueCol{
	height:auto;
	margin:auto;
	overflow:hidden;
	width:630px;
	margin-bottom:20px;
	
}

.thinUniqueCol .contentModule{
	padding:20px;
	width:570px;
	
}


.linksContainer{
	display:block;
	margin-top:20px;
	margin-left:20px;
	padding:10px 10px 10px 10px;
	width:840px;
	background-color:#e1e7f4;
}
.linksContainer:hover{
	background-color:#c3d8f1;	
}

.linkContent{
	font-size:14px;
}

.linkContent a{
	color:#00737c;
	text-decoration:none;
	background:#e1e7f4 url("../img/listIcon.gif") no-repeat top left;
	padding-left:30px;
}

.linksContainer:hover .linkContent a{
	text-decoration:underline;
	background:#c3d8f1 url("../img/listIcon_over.gif") no-repeat top left;	
}

.contentModuleLink{
	margin:20px 0 0px 20px;
	float:left;		
	background:#e1e7f4 url("../img/bg_linkModule.jpg") no-repeat top left;
	width:420px;
	height:86px;
}

.contentModuleLink p{
	width:420px;
	text-align:center;	
	margin-top:35px;	
}
.contentModuleLink a{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#00737c;
}
.contentModuleLink a:hover{
	text-decoration:underline;
}

.contentModule{
	margin:20px 0 0px 20px;
	padding:10px 10px 10px 10px;
	width:400px;
	background-color:#e1e7f4;
	float:left;	
}

.contentModule img{
	display:inline;
	padding-bottom:12px;	
}

.contentModule img.left{
	float:left;
	padding-right:10px;	
}

.contentModule img.right{
	float:right;
	padding-left:10px;	
}

/** Usefull styles **/

.h19{
	height:19px;
}

.highlight_text_content{
	float:right;
	display:inline;
	width:131px;	
	height:140px;
	margin-top:-140px;
	margin-right:10px;
}

p.internal_text{
	margin-bottom:12px;
	line-height:14px;
	text-align:left;
	font-size:12px;
	text-align:justify;
}

p.destacado_text{
	margin-top:16px;
	margin-bottom:16px;
	line-height:16px;
	font-size:14px;
	font-style:italic; 
	color:#00737c;
	text-align:center;
}

p.internal_title{
	font-size:13px;
	line-height:18px;
}

p.internal_title a{
	color:#FFFFFF;
}

p.internal_tiny_text{
	font-size:11px;
	line-height:12px;
}

p.internal_link a{
	color:#00737C !important;	
}

.internal_link:hover{
	text-decoration:underline;
		
}

.spacer30{
	height:30px;
}

.spacer15{
	height:15px;
}

#title_container{
	background:#FFF url("../img/title_container.jpg") no-repeat top left;
	width:900px;
	height:30px;
	font-family:'MuseoSans500', Arial, Helvetica, Verdana, sans-serif;
}