/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}
html{background:url(images/bg.jpg) top center repeat;}
body{ background:url(images/bg_top.jpg) top center repeat-x;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#ff6e00;
	 line-height:17px;
}

@font-face{
	font-family: Mifuente;
	src:url(font/Cicle_Fina.ttf);
}
/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:30px; line-height:54px; color:#2b2019; padding:24px 0 32px 0; letter-spacing:1px; font-family: Mifuente;}
h1 img{ vertical-align:bottom; margin-bottom:12px; margin-left:5px; position:relative}
p{ padding-bottom:17px;}
img{ vertical-align:top}
/* ============================= header ====================== */

#icons{ float:right; width:136px; background:url(images/box_bg.jpg) top repeat-x}
#icons_left{ float:right; background:url(images/box_left.jpg) top left no-repeat}
#icons_right{ float:right; background:url(images/box_right.jpg) top right no-repeat; padding:9px 6px 10px 10px;}
#icons li{ float:left; padding-right:4px;}

/* ============================= Start Pestaña logo cencaf ====================== */
#logo-cencaf{
	float:left;
	width:300px;
	height:90px;
	padding:0px 6px 10px 20px;
	background:#fff top repeat-x; margin-top:10px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
	-moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
   	box-shadow:         inset 0 0 10px #000000;
}

/* ============================= End Pestaña logo cencaf ====================== */

#logo{ margin-top:10px; float:left;}
#menu { float:right; padding-top:-30px; position:relative; z-index:1;}
#menu li { float:left; padding-left:0px; background:#fff;}
#menu li a{ display:block; width:123px; line-height:59px; /*background:#fff;*/ font-size:11px; color:#211c17; text-transform:uppercase; text-decoration:none; text-align:center}
#menu .nav1 a span{ display:block; background:url(images/menu_left.jpg) top left no-repeat}
#menu .nav5 span{ display:block; background:url(images/menu_right.jpg) top right no-repeat}
/*#menu .nav1 a:hover span, #menu li.nav1#menu_active a span{ background:url(images/menu_left_active.jpg) top left no-repeat}
#menu .nav5 a:hover span, #menu li.nav5#menu_active a span{ background:url(images/menu_right_active.jpg) top right no-repeat}
#menu li a:hover, .item menu_active a{background:#ff6e00; color:#fff;}*/

.active{ background:#e77817; color:#fff;}
.r3{
background: -moz-linear-gradient(left,  rgba(234,113,0,1) 0%, rgba(255,255,255,0.12) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,113,0,1)), color-stop(100%,rgba(255,255,255,0.12))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7100', endColorstr='#1fffffff',GradientType=1 ); /* IE6-9 */
	width: 123px;
height: 2px;
margin-top: -34px;
margin-bottom: 34px;
	}
	
	.r2{
background: -moz-linear-gradient(left,  rgba(234,113,0,1) 0%, rgba(255,255,255,0.12) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,113,0,1)), color-stop(100%,rgba(255,255,255,0.12))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7100', endColorstr='#1fffffff',GradientType=1 ); /* IE6-9 */
	width: 161px;
height: 2px;
margin-top: -34px;
margin-bottom: 34px;
	}
		.r1{
background: -moz-linear-gradient(left,  rgba(234,113,0,1) 0%, rgba(255,255,255,0.12) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,113,0,1)), color-stop(100%,rgba(255,255,255,0.12))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(234,113,0,1) 0%,rgba(255,255,255,0.12) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7100', endColorstr='#1fffffff',GradientType=1 ); /* IE6-9 */
	width: auto;
height: 2px;
margin-top: -34px;
margin-bottom: 34px;
	}

/*.box_bg{ background: #fff; margin-top: -3px; height: 10px; font-size: 0; line-height: 0;  border-radius: 10px; }*/
.box_left{border-radius: 10px; }
.box_right{border-radius: 10px; }
.box{ background:#fff}

#header .box{ 
height: 29px;
width: 896px;
overflow: hidden;
position: absolute;

border-radius: 0px 0 6px 6px;
margin-left: 44px;
-webkit-box-shadow: 0 5px 6px -6px #999;
-moz-box-shadow: 0 10px 6px -6px #999;
box-shadow: 0 12px 6px -6px #999;
}

/*--- slider begin ---*/


.slides-wrap { height:275px; overflow: hidden; background:url(images/bg_img.jpg) no-repeat; margin-top:23px}

.navigation { margin-left:323px; position:absolute; z-index:2;}
.navigation li{ float:left; padding-right:2px;}
.page {background:url(images/button.jpg) no-repeat; display:block; width:23px; height:23px; text-decoration:none}
.page:hover, .selected { background:url(images/button_hover.jpg) no-repeat;}

a.togglePlayback{ font-size:10px; text-transform:uppercase; text-decoration:none; color:#573f2e; margin-left:374px; line-height:24px}


/*--- slider end ---*/

/* ============================= content ====================== */
.pad{ padding:0 35px}
.pad_left1{ padding-left:38px;}
.pad_left3{  width:50%;}
.pad_left{padding-left: 26px; margin-left: 0px; width: 233px; float: left; }

.pad_bot1{ padding-bottom:38px;}
.pad_bot2{ padding-bottom:26px;}
.pad_bot3{ padding-bottom:8px;}
.marg_right1{ margin-right:0px;}

.pad_bot4{ padding-bottom:38px; margin-left:50px;}
.line1{ background:url(images/line_ver.jpg) 260px 0 repeat-y; min-height: 350px;}
.line2{ background:url(images/line_ver_top.jpg) 260px 0 repeat-y; min-height: 350px;}
.line31{ background:url(images/line_ver.jpg) 550px 0 repeat-y min-height: 350px;}
line3{ background:url(images/line_ver.jpg) 537x 0 repeat-y min-height: 350px;}
.line4{ background:url(images/line_ver_top.jpg) 541px 0 repeat-y; min-height: 350px;}

.line6{ background:url(images/line_ver.jpg) 260px 0 repeat-y;}
.line7{ background:url(images/line_ver_top.jpg) 260px 0 repeat-y;}
.line8{ background:url(images/line_ver.jpg) 541px 0 repeat-y}
.line9{background:url(images/line_ver_top.jpg) 541px 0 repeat-y;}
.line10{ background:url(images/line_ver_top.jpg) 413px 0 repeat-y; min-height: 350px;}
.line11{ background:url(images/line_ver_top.jpg) 398px 0 repeat-y; min-height: 430px;}

.font1{ font-size:17px;}
.font2{ font-size:17px; margin-left:50px;}

.link1{ font-weight:bold; text-transform:uppercase; font-size:12px;}
.line{ padding-right:9px; background:url(images/line1.jpg) right 3px no-repeat; margin-right:4px;}

.boxes{ color:#fff; font-size:12px; line-height:14px; text-transform:uppercase; height:73px; width:73px; text-align:center; float:left; margin-right:20px;}
.boxes span{ font-size:45px; font-weight:bold; line-height:60px; margin-bottom:-10px; display:block; letter-spacing:-3px}

/*.box1{ background:url(images/box1.jpg) no-repeat}*/
/*.box2{ background:url(images/box2.jpg) no-repeat}*/
.box3{ background:url(images/box3.jpg) no-repeat}

.list1 li{ line-height:30px; font-size:17px;}
.list1 li a{ text-decoration:none; padding-left:20px; background: url(images/marker_1.gif) 0 5px no-repeat}
.list1 li a:hover{ text-decoration:underline}
/* ============================= footer ====================== */

#footer { font-size:11px; text-transform:uppercase; color:#573f2e; text-align:center;}
#footer .box{ padding:17px 0 6px 0;}
#footer a{ color:#573f2e; text-decoration: none}
#footer a:hover{ text-decoration: underline}

/* ============================= forms ============================= */

#ContactForm { width:256px; padding-top:2px;}
#ContactForm .bg1{ background:url(images/input.gif) no-repeat; margin-bottom:21px;}
#ContactForm .bg2{ background:url(images/textarea.gif) no-repeat; margin-bottom:42px;}
#ContactForm a{ margin-left:26px}
#ContactForm .input {width:216px; height:15px;  background: none; padding:7px 20px; color:#573f2e; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:216px; height:220px;  background: none; padding:7px 20px; color:#573f2e; font:13px Arial, Helvetica, sans-serif; overflow:auto}

/*================================ Preload =============================================*/
#cargando{
     width:980px;
     height:250px;
     position:absolute;
     
	 display:none;
     margin: 80px 0 0 -51px;
	 /*background:rgba(255,255,255,.5);
	 border:1px solid #000;*/
}
#foto{
     width:300px;
     height:200px;
     position:absolute;
     left:52%;
     top:66%;
     margin:-100px 0 0 -150px;
}
.map
{	 

width:100%;
height: 100%; 
position:relative;
border-top-width: 0px;
border-right-width: 0px;
padding-bottom: 0px;
border-left-width: 0px;

}

.mapaconten{
	width: 400px;
height: 400px;
margin-left: 20px;

	}
	
.serim{
	border: 5px solid #a8a8a8;
	border-radius: 6px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	height: 159px;
	width: 236px;
	text-align: center;
	float: left;
	margin-left: -3px;
	margin-top: -13px;
	margin-bottom: 34px;

}
.serim1{
	border: 5px solid #a8a8a8;
	border-radius: 6px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	height: 159px;
	width: 236px;
	text-align: center;
	float: left;
	margin-left: -5px;
margin-top: -30px;
	margin-bottom: 34px;
	position:absolute;
	z-index:3;
}

.serim2 {
border: 5px solid #a8a8a8;
border-radius: 6px;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
height: 159px;
width: 236px;
text-align: center;
float: left;
margin-left: -5px;
margin-top: -14px;
margin-bottom: 34px;
position: absolute;
z-index: 3;
}

.proim{
	border: 5px solid #a8a8a8;
	border-radius: 6px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	height: 185px;
	width: 274px;
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-top: 14px;
	margin-bottom: 34px;
	margin-left: 48px;
}


 input[type="submit"]{
	padding:5px;
	margin-top:20px;
	font-weight:bold;
	border:0;
	background-color:#333;
	color:#ffffff;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;	
	margin-bottom: 19px;
	width: 85px;
	height: 42px;
}

#copy:hover {
background: url(images/caLogo.png) no-repeat 0px -38px;
}

#copy {
margin-left: 10px;
background: url(images/caLogo.png) no-repeat 0px 0px;
position: relative;
cursor: pointer;
height: 20px;
margin-top: -23px;
padding-top: 6px;
width: 202px;
}