*{
margin: 0;
padding: 0;	
outline: none;
}

html {			
background: url(../img/fondodi.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

img {
border: 0;
}

body {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
}

.negrita{
font-weight:700;
}

.negritagrande{
font-weight:700;
font-size:14px;
}

.pie{
font-weight:400;
color:#999;
font-size:12px;
text-align:left;
}

.discreto{
color:#999;
}

#ref{
position:absolute;
left:50%;
top:65px;
margin-left:130px;
color:#494949;
font-size:12px;
text-align:right;
}

#fhead{
background: white;
-webkit-box-shadow: 0px 0px 15px 5px rgba(9, 9, 9, 0.2);
-moz-box-shadow: 0px 0px 15px 5px rgba(9, 9, 9, 0.2);
box-shadow: 0px 0px 15px 5px rgba(9, 9, 9, 0.2);
position: absolute;
top: 45px;
left: 50%;
margin-left: -475px;
height: 2509px;
width: 950px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#h1{
background-color:#E5E5E5;
position:absolute;
width:940px;
height:210px;
top:50px;
left:50%;
margin-left:-470px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#head{
background: #8e8c7c; /* Old browsers */
background: -moz-linear-gradient(top, #8e8c7c 0%, #444444 58%, #444444 88%, #8e8c7c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8c7c), color-stop(58%,#444444), color-stop(88%,#444444), color-stop(100%,#8e8c7c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e8c7c 0%,#444444 58%,#444444 88%,#8e8c7c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e8c7c 0%,#444444 58%,#444444 88%,#8e8c7c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8e8c7c 0%,#444444 58%,#444444 88%,#8e8c7c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8c7c', endColorstr='#8e8c7c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #8e8c7c 0%,#444444 58%,#444444 88%,#8e8c7c 100%); /* W3C */
font-size:13px;
height:15px;
width:940px;
padding-bottom:8px;
padding-top:5px;
text-align:center;
position:absolute;
top:250px;
left:50%;
margin-left:-470px;
color: #FFF;
}

#cenefa{
position:absolute;
top:278px;
left:50%;
margin-left:-470px;
height:200px;
width:940px;
}





.container {
position:relative;
margin-left:auto;
margin-right:auto;
padding:0px;
}

.folio_block {
position: absolute;
width:940px;
height:400px;
top:340px; /*--ALTURA DESDE EL TOP--*/
left:50%;
margin-left:-470px;
padding:0px;
}

/*--Main Container--*/

.main_view {
position: relative;
margin-left:auto;
margin-right:auto;
padding:0px;
}

/*--Window/Masking Styles--*/

.window {
height:400px;	width: 940px; /*--ALTO Y ANCHO DEL VISOR--*/
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
margin-left:auto;
margin-right:auto;
padding:0px;
}

.image_reel {
font-family: 'Open Sans', sans-serif;
font-size:40px;
position: relative;
margin-left:auto;
margin-right:auto;
padding:0px;
}

.image_reel img {float: left;}

/*--Paging Styles--*/

.paging {
font-family: 'Open Sans', sans-serif;
font-size:40px;
position:relative;
margin-left:auto;
margin-right:auto;
width: 178px; height:47px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
background: url(file:///Macintosh%20HD/Users/JPEworks/Library/Application%20Support/Adobe/Dreamweaver%20CS4/es_ES/Configuration/ServerConnections/jpeworks.com/paging_bg2.png) no-repeat;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a:link {
font-family: 'Open Sans', sans-serif;
font-size:40px;
padding: 5px;
color:#999;
}

.paging a:hover {
font-family: 'Open Sans', sans-serif;
font-size:40px;
color:#000;
transition: color;
transition-duration: 400ms;
-webkit-transition: color;
-webkit-transition-duration: 400ms;
-moz-transition: color;
-moz-transition-duration: 400ms;
-o-transition: color;
-o-transition-duration: 400ms;
}

#slogan{
position: absolute;
text-align: right;
text-shadow: 0 2px 10px black;
top: 343px;
left: 50%;
margin-left: 4px;
color: white;
font-size: 24px;
}

#explic{
background-image:url(../img/sn.jpg);
position:absolute;
top:450px;
left:50%;
width:300px;
height:400px;
margin-left: -450px;;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#textexplic {
position: absolute;
top: 450px;
text-align: justify;
width: 585px;
height: 400px;
left: 50%;
margin-left: -130px;
color: #444;
font-size: 12px;
}

#cuerpo{
position: absolute;
top: 880px;
margin-left: 50%;
left: -875px;
font-size: 24px;
color: #999;
font-weight: 600;
text-align: center;
height: 200px;
width: 940px;
padding-bottom: 10px;
padding-top: 10px;
}

#foto01{
background-image: url(../img/sn.jpg);
position: absolute;
top: 950px;
left: 50%;
width: 150px;
height: 150px;
margin-left: -450px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#texto01{
position: absolute;
top: 950px;
text-align: justify;
width: 200px;
height: 400px;
left: 50%;
margin-left: -270px;
color: #444;
font-size: 12px;
}

#foto02{
background-image: url(../img/sn.jpg);
position: absolute;
top: 950px;
left: 50%;
width: 150px;
height: 150px;
margin-left: -20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#texto02{
position: absolute;
top: 950px;
text-align: justify;
width: 200px;
height: 400px;
left: 50%;
margin-left: 160px;
color: #444;
font-size: 12px;
}


#foto03{
background-image: url(../img/sn.jpg);
position: absolute;
top: 1150px;
left: 50%;
width: 150px;
height: 150px;
margin-left: -450px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#texto03{
position: absolute;
top: 1150px;
text-align: justify;
width: 200px;
height: 400px;
left: 50%;
margin-left: -270px;
color: #444;
font-size: 12px;
}

#foto04{
background-image: url(../img/sn.jpg);
position: absolute;
top: 1150px;
left: 50%;
width: 150px;
height: 150px;
margin-left: -20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#texto04{
	position: absolute;
top: 1150px;
text-align: justify;
width: 200px;
height: 400px;
left: 50%;
margin-left: 160px;
color: #444;
font-size: 12px;
}

#foto05{
	background-image: url(../img/sn.jpg);
position: absolute;
top: 1350px;
left: 50%;
width: 150px;
height: 150px;
margin-left: -450px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#texto05{
position: absolute;
top: 1350px;
text-align: justify;
width: 200px;
height: 400px;
left: 50%;
margin-left: -270px;
color: #444;
font-size: 12px;
}

#menudown{
position:absolute;
top:2150px;
left:50%;
margin-left:-470px;
width:940px;
height:235px;
}

#response{
position:absolute;
top:1400px;
left:50%;
margin-left:-400px;
height:105px;
width:350px;
}

#response2{
position:absolute;
top:1800px;
left:50%;
margin-left:50px;
height:105px;
width:350px;
}



#cenefa2{
background-image:url(../img/cenefap.png);
position:absolute;
top:2445px;
left:50%;
margin-left:-470px;
height:105px;
width:940px;
}

#slogan2{
position: absolute;
top: 2383px;
left: 50%;
margin-left: 30px;
text-align: right;
font-size: 60px;
font-family: 'Tangerine', cursive;
font-weight: 400;
color: #999;
}

#sign1{
position: absolute; 
font-size: 13px;
top:2570px;
text-align: left;
left: 50%;
margin-left: -470px;
}

#sign2{
position: absolute; 
top:2570px;
font-size: 13px;
text-align: right;
left: 50%;
margin-left: 260px;
}

#foot{
font-size:14px;
border-bottom:#999 solid 1px;
height:40px;
width:940px;
text-align:left;
position:absolute;
top:2643px;
left:50%;
margin-left:-473px;
color: #FFF;
padding-bottom:10px;
padding-top:10px;
}

#rufi{
position: absolute;
top: 2601px;
left: 50%;
margin-left: 310px;
}

#refoot1{
position:absolute;
top:2713px;
left:50%;
margin-left:-461px;
font-size:11px;
text-align:center;
height:20px;
padding-bottom:10px;
}

#refoot2{
position:absolute;
top:2710px;
left:47%;
margin-left:278px;
font-size:11px;
text-align:center;
height:20px;
padding-bottom:10px;
}

#refoot2 img{
	float: left top;
}

a:hover {
text-decoration: none;
color:#999; 
transition: color;
transition-duration: 400ms;
-webkit-transition: color;
-webkit-transition-duration: 400ms;
-moz-transition: color;
-moz-transition-duration: 400ms;
-o-transition: color;
-o-transition-duration: 400ms;
}

a:active {
text-decoration: none;
color: #FFF;
}

body,td,th {
color: #FFF;
}

#head p {
	color:#FFF;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size:18px;
}
a:link {
	text-decoration: none;
}

#contact2{
position: absolute;
top: 546px;
left: 50%;
margin-left: -400px;
width: 400px;
height: 2500px;
}

#contact3{
position: absolute;
top: 546px;
left: 50%;
margin-left: 0px;
width: 400px;
height: 2500px;
}



/*-------------------------------------
LISTS
------------------------------------------*/

ul {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 14px;
}

ul li {
	margin: 0 0 3px 15px;
	padding: 0;
}

ol {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 14px;
}

ol li {
	margin: 0 0 3px 30px;
	padding: 0;
}

label.error { 
	display: block;
	color: red;                              
	font-size: 11px; 
	font-weight: bold;
}

/*-------------------------------------
FORM CORE
------------------------------------------*/

form fieldset {
	padding: 10px 20px 20px 20px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	width: 290px;
	text-align: left;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
	-webkit-box-shadow: 0px 2px 10px #d3d3d3; 
	box-shadow: 0px 0px 10px #d3d3d3; 
}

form input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 260px; 
	font-family: 'Open Sans',arial, sans-serif; 
	font-size: 11px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}
form input[type="checkbox"], select, option, input[type="radio"] {
	font-family: 'Open Sans',arial, sans-serif; 
	font-size: 11px; 
	padding:2px;
	color: #aaa;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form textarea {
	width: 275px; 
	height: 150px;
}

form label {
	display: block;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	font-weight: bold;
}

form label.error { 
	width: 270px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

form .placeholder {
	color: #aaa;
}

form .button {
	display: inline-block;
	margin: 15px 0 0 110px;
	padding: 5px 15px 5px 15px;
	background-color: #ff9e00;
	border: none;
	color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

form .button:hover {
	background-color: #fc8500;
	cursor: pointer;
}

form .button:active {
	margin-top: 16px;
	background-color: #f08004;
	cursor: pointer;
}

#title{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	font-weight: 400;
	color:#AAAAAA;
	margin-bottom:20px;
}
#title2{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	font-weight: 400;
	color:#AAAAAA;
	margin-bottom:20px;
}

.titulares{
font-family: 'Open Sans', sans-serif;
font-size: 23px;
font-weight: 700;
color: #999;
margin-bottom: 30px;
margin-left: 30px;
}

.radios{
	font-family: 'Open Sans',arial, sans-serif; 
	font-size: 11px; 
	color:#555555;
}