/************************************** HTML ELEMENTS ***/
body { background: #fff url('../img/headerBack.png') repeat-x top center; color: #000; font: normal normal 14px/17px 'Titillium Web', sans-serif; 
	margin: 0 auto;
	}

img { border: 0; }

p { margin: 0 0 10px 0; }

h1 { color: #8a2f36; font: normal normal 22px/24px 'Jockey One', sans-serif; margin:10px 0; text-transform:uppercase; text-decoration:underline; }


h3 { color: #8a2f36; font: normal normal 26px/28px 'Jockey One', sans-serif; margin:10px 0; text-transform:uppercase; text-decoration:underline; }

/************************************* COMMON CLASSES ***/


/******************************************** HEADER ***/
header { height:128px; margin: 0 auto; padding-top: 15px; width: 100%; }
	#headerCont { background: url('../img/headerContBack.png') no-repeat; height:128px; margin: 0 auto; width: 1280px; }
	#headerCont #logo { float: left; height:115px; margin:0 10px; width: 114px; }
	#headerCont #info { float: left; height:75px; margin:40px 60px 0 0; width: 260px; }

	#headerCont #name-empresa{ color: #8a2f36; float: left; font: italic bold 24px/30px 'Titillium Web', sans-serif; height:30px; 
	margin: 10px 0 0 466px; text-align:right; text-decoration:underline; width: 350px;}
/********************************************** nav ***/
#headerCont nav { float: left; height:30px; margin: 40px 0 0 0;  width:816px;  }
#headerCont nav ul.menu { height:30px; list-style:none; margin: 0; padding: 0; width:816px; }
	#headerCont nav ul.menu li { display: block; float: left; height:40px; position:relative; }
	
	#headerCont nav ul.menu li a { border-left: 1px solid #ccc; color: #1f7a8c; display:block; float: left; 
	font: normal normal 20px/30px 'Jockey One', sans-serif; height:30px; padding:0 15px; text-align:center; text-decoration:none;  }
	#headerCont nav ul.menu li:first-child a { border: 0; }
	
	#headerCont nav ul.menu li a:hover,
	#headerCont nav ul.menu li.active a { border-bottom: 2px solid #8a2f36; color: #8a2f36; height:30px; line-height:22px; 
							-webkit-transition: all .3s ease;
							-moz-transition: all .3s ease; 
							-ms-transition: all .3s ease; 
							-o-transition: all .3s ease; 
							-wap-transition: all .3s ease; 
						transition: all .3s ease; 
						}
		#headerCont nav ul.menu ul { background: #fff; border-left: 1px solid #ccc; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; 
		top: 30px; z-index:999; 	-webkit-transition: opacity .25s ease .1s;
							-moz-transition: opacity .25s ease .1s;
							-ms-transition: opacity .25s ease .1s;
							-o-transition: opacity .25s ease .1s;
							-wap-transition: opacity .25s ease .1s;
						transition: opacity .25s ease .1s;
					}
		#headerCont nav ul.menu li:hover > ul { opacity: 1; 
										-webkit-box-shadow: 3px 3px 3px #afafaf;
										-moz-box-shadow: 3px 3px 3px #afafaf;
										-ms-box-shadow: 3px 3px 3px #afafaf;
										-o-box-shadow: 3px 3px 3px #afafaf;
										-wap-box-shadow: 3px 3px 3px #afafaf;
									box-shadow: 3px 3px 3px #afafaf;
									}
		#headerCont nav ul.menu ul li { background: #fff;  height: 0; overflow: hidden; padding: 0;
						-webkit-transition: height .30s ease .1s;
						-moz-transition: height .30s ease .1s;
						-ms-transition: height .30s ease .1s;
						-o-transition: height .30s ease .1s;
						-wap-transition: height .30s ease .1s;
					transition: height .30s ease .1s;
					}				
		#headerCont nav ul.menu li:hover > ul li { background: #fff; height: 32px; overflow: visible; padding: 0; }
			#headerCont nav ul.menu ul li a { border-left: 0; color:#1f7a8c; font: normal normal 14px/16px 'Jockey One', sans-serif; height:15px; 
			 text-align:left; width: 252px; }
			#headerCont nav ul.menu ul li a:hover {  border-bottom: 1px solid #8a2f36; color:#8a2f36; height:14px; line-height:15px; }
			
			#headerCont nav ul.menu ul li.line-height a { border-left: 0; color:#1f7a8c; font: normal normal 14px/16px 'Jockey One', sans-serif; height:30px; 
			 text-align:left; width: 252px; }
			#headerCont nav ul.menu ul li.line-height a:hover{ border-bottom: 1px solid #8a2f36; color:#8a2f36; height:29px; line-height:15px; }

		#text .texto{ margin-top:40px;}
/****************************************** QUOTE ***/
#quote { height: 40px; margin: 0 auto; padding: 7px 0 20px 0; width:1280px; }
	#quote #quote1, #quote #quote2 { background: url('../img/quoteBack.png') no-repeat; float: left; height:40px; padding: 0 25px; width: 570px; }
		#quote #quote1 { margin: 0 20px 0 10px; }
		#quote #quote2 { margin: 0; }
	#quote #quote1 p, #quote #quote2 p { font-style: italic; text-align: center; }
			#quote #quote1 p { margin-top: 2px; }
			#quote #quote2 p { margin-top: 2px; }

/*************************************** SLIDERWRAPPER ***/
#sliderWrapper { background: url('../img/slideWrapperBack.png') repeat-x; height: 390px; margin: 0 auto; width: 100%; }
	#sliderCont { background: url('../img/slideContBack.png') repeat-x; height: 390px; margin: 0 auto; width: 1280px; }
	#sliderCont #sliderBack { background: url('../img/slideBack.png') no-repeat; float: left; height: 390px; margin: 0 0 0 10px; width: 800px; }
	#sliderCont #sliderimage { background: url('../img/slideBack.png') no-repeat; float: left; height: 390px; margin: 0 0 0 0; width: 800px; }
		
	#sliderCont #text { float: left; height: 390px; margin: 0; text-align: justify; width: 426px;}
	#sliderCont #text table.indexObras { border: 1px solid #8a2f36; margin: 0 2px 10px; width:420px; }
		#sliderCont #text table.indexObras td { padding: 3px 0; text-align:left; vertical-align: top; width: 210px; }
		#sliderCont #text table.indexObras td ul { list-style: square; }
		#sliderCont #text table.indexObras td ul li { margin-left: 25px; }
		#sliderCont #text table.indexObras td.title { background: #8a2f36; color: #fff; font-weight: 700; text-align:center; vertical-align: middle; }
		
	#sliderCont #contact { float: left; height: 390px; margin: 0 10px; width: 1260px;}
	#sliderCont #contact iframe {margin:30px 180px 0; }
	
/****************************************** SECTIONS ***/

/*************************************** contenido ***/
#contenidoWrapper { background: url('../img/slideWrapperBack.png') repeat-x; height: 390px; margin: 0 auto; width: 100%; }
	#contenidoCont { background: url('../img/slideContBack.png') repeat-x; height: 390px; margin: 0 auto; width: 1280px; }
	#contenidoCont #sliderBack { background: url('../img/slideBack.png') no-repeat; float: left; height: 390px; margin: 0 0 0 10px; width: 800px; }
	#contenidoCont #sliderimage { background: url('../img/slideBack.png') no-repeat; float: left; height: 390px; margin: 0 0 0 0; width: 800px; }
		
	#contenidoCont #text1 { float: left; height: 390px; margin: 0; text-align: justify; width: 800px; padding-left:100px;}
	#contenidoCont #text1 table.indexObras { border: 1px solid #8a2f36; margin: 0 2px 10px; width:420px; }
		#contenidoCont #text1 table.indexObras td { padding: 3px 0; text-align:left; vertical-align: top; width: 210px; }
		#contenidoCont #text1 table.indexObras td ul { list-style: square; }
		#contenidoCont #text1 table.indexObras td ul li { margin-left: 25px; }
		#contenidoCont #text1 table.indexObras td.title { background: #8a2f36; color: #fff; font-weight: 700; text-align:center; vertical-align: middle; }
		
	#contenidoCont #contact { float: left; height: 390px; margin: 0 10px; width: 1260px;}
	#contenidoCont #contact iframe {margin:30px 180px 0; }
	
/****************************************** contenido ***/
#sections {color: #fff; height: 260px; margin: 30px auto; padding: 0 0 10px 0; width: 1280px; }

	#sections #sec1, #sections #sec2, #sections #sec3, #sections #sec4 { background: url('../img/sectionBack.png') no-repeat; float: left; height: 260px;
		padding: 6px 10px 10px 25px; text-align: justify; width: 265px; }
		#sections #sec1 { margin: 0 20px 0 10px; }
		#sections #sec2 { margin: 0 20px 0 0; }
		#sections #sec3 { margin: 0 20px 0 0; }
		#sections #sec4 { margin: 0; }
		
	#sections p.title { font: normal normal 20px/19px 'Jockey One', sans-serif; padding-left: 25px; text-transform: uppercase; 
					-webkit-text-shadow: 1px 1px 1px #333;
					-moz-text-shadow: 1px 1px 1px #333;
					-ms-text-shadow: 1px 1px 1px #333;
					-wap-text-shadow: 1px 1px 1px #333;
					-o-text-shadow: 1px 1px 1px #333;
				text-shadow: 1px 1px 1px #333; 
				}
	#sections p.title span { padding-left: 50px; text-transform: uppercase; }

/******************************************* FOOTER ***/
footer { background:  url('../img/footerBack.jpg') repeat-x; height: 120px; margin: 0 auto; width:100%; }
#footerCont { background: url('../img/footerBack.jpg') repeat-x; color: #fff; height: 120px; margin: 0 auto; width:1280px; }

	#footerCont #footerText { float: left; height: 40px; margin:10px 30px 0 10px; padding-top: 30px; text-align:right; width: 620px; } 
		#footerCont #footer-miembro { float:left; height: 70px; margin-top:15px; width:610px;}
		
		#footerCont #footerAlta #footerdtps { float: left; height: 20px; margin-top: 10px; width: 1280px; }
		#footerCont #footerAlta img{ margin-left: 550px;}
		#footerCont #footerAlta a {  color: #fff; text-decoration:none; }
		#footerCont #footerAlta #footerdtps a:hover { font-style: italic;  }
#footerdtps { padding-top:20px;  }