html {  }
body { margin: 0; padding: 0; font-size: 14px; }
.ui-page { background-color: #fff; }
.ui-page.ui-body-a.ui-page-active { background: none; }

.ui-page.ui-body-a.ui-page-active .ui-header { height: 50px; background: none;}
.ui-page.ui-body-a.ui-page-active .ui-header h1 { padding: 20px 0px 10px 0px; font-size: 1.4em; }

#page.ui-page.ui-body-a.ui-page-active .ui-header { height:85px;  }
#page.ui-page.ui-body-a.ui-page-active .ui-header img{ margin: 5px 5px 5px 5px;}


#page .logo { width: 250px; height: 100px; margin: 15px auto 0px auto; }

#page .heading { display: none; }


#page01.ui-page.ui-body-a.ui-page-active .ui-header { height:85px;  }
#page01.ui-page.ui-body-a.ui-page-active .ui-header img{ margin: 5px 5px 5px 5px;}


#page01 .logo { width: 250px; height: 100px; margin: 15px auto 0px auto; }

#page01 .heading { display: none; }



#page02.ui-page.ui-body-a.ui-page-active .ui-header { height:85px;  }
#page02.ui-page.ui-body-a.ui-page-active .ui-header img{ margin: 5px 5px 5px 5px;}


#page02 .logo { width: 250px; height: 100px; margin: 15px auto 0px auto; }

#page02 .heading { display: none; }



#page03.ui-page.ui-body-a.ui-page-active .ui-header { height:85px;  }
#page03.ui-page.ui-body-a.ui-page-active .ui-header img{ margin: 5px 5px 5px 5px;}


#page03 .logo { width: 250px; height: 100px; margin: 15px auto 0px auto; }

#page03 .heading { display: none; }



#page04.ui-page.ui-body-a.ui-page-active .ui-header { height:85px;  }
#page04.ui-page.ui-body-a.ui-page-active .ui-header img{ margin: 5px 5px 5px 5px;}


#page04 .logo { width: 250px; height: 100px; margin: 15px auto 0px auto; }

#page04 .heading { display: none; }


/* #centrar{
                position:relative;
				width:50%;
				max-width:800px;
				min-width:320px;
				float:right;
			   } */
			   
#centrar{
                position:relative;
				width:320px;
                margin:0 auto;
			   }	
			
			
#btn_home{
position:fixed;
top:0;
left:0; 
z-index:1000;
}			   

		
@media screen and (min-width:480px){ 
			#centrar{
				width:480px;
		
			
			}
		}

@media screen and (min-width:600px){ 
			#centrar{
				width:600px;
		
			
			}
		}
	

@media screen and (min-width:768px){ 
			#centrar{
				width:768px;
		
			
			}
		}	
	
@media screen and (min-width:1280px){ 
			#centrar{
				width:800px;
		
			
			}
		}
	
#menu{
color:#000;
}

#fondo{

background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 ), to( #dddddd)); 
background-image: -webkit-linear-gradient( #f0f0f0, #dddddd ); 
background-image:    -moz-linear-gradient( #f0f0f0 , #dddddd);
background-image:     -ms-linear-gradient( #f0f0f0 , #dddddd ); 
background-image:      -o-linear-gradient( #f0f0f0 , #dddddd); 
background-image:         linear-gradient( #f0f0f0 , #dddddd );
	
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
height:auto;
}

#fondo01{

background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 ), to( #dddddd)); 
background-image: -webkit-linear-gradient( #f0f0f0, #dddddd ); 
background-image:    -moz-linear-gradient( #f0f0f0 , #dddddd);
background-image:     -ms-linear-gradient( #f0f0f0 , #dddddd ); 
background-image:      -o-linear-gradient( #f0f0f0 , #dddddd); 
background-image:         linear-gradient( #f0f0f0 , #dddddd );
	
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
height:auto;
margin-top:-15px;
}

#fondo a{
text-decoration:none;
text-shadow:none;
}

#link a{
text-decoration:none;
text-align:center;
text-shadow:none;
}

#link p{
text-align:center;
}

#link01 a{
text-decoration:none;
text-align:right;
text-shadow:none;
}

#link01 p{
text-align:right;
}

#redondear{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#botones{
text-align:center;
}

#formulario label{
position:relative;
color:#fff;
padding-bottom:8px;
font-weight:bold;
text-shadow:none;
}

#entrada{
position:relative;
color:#000;
margin-top:8px;
margin-bottom:8px;
margin-left:-3px;
}

#menu h2{
text-align:center;
font-size:16px;
text-shadow:none;
}

.container_imagen{
width: 100%; 
height: auto;
display: block;
list-style: none;
margin-left:-18px;
text-align:center;
}

#boton_left{
position:relative;
float:left;
top:6px;


-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#boton_left01{
position:relative;
float:left;
top:-17px;
margin-left:5px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#boton_right{
position:relative;
float:right;
top:6px;

z-index:2000;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#boton_mas{
width:85px;
position:relative;
float:right;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#destak01{
	text-align:center;
	align:center;
}

#destak01 img {
background: rgba(255,255,255,0.8);
position: relative;
padding:5px;
width:98%;
}	

#destak {
	text-align:center;
	align:center;
}

#destak img {
    background: rgba(255,255,255,0.8);
	position: relative;
	padding:5px;
}

#contenido p{
   padding:-4px;
}

c1{
color:#01679A;
}

c2{
color:#0EA6D8;
}

c3{
font-size:20px;
color:#fff;
font-weight:bold;
}

c4{
color:#3C3B3A
}

c5{
color:#FC5A16;
font-weight:bold;
}

c6{
color:#fff;
text-shadow:none;
}

#tipografia{
font-family: 'Open Sans Condensed', sans-serif;
}

c9{
font-size:22px;
color:#000;
font-weight:lighter;
text-shadow:none;
}

c10{
font-size:22px;
color:#000;
font-weight:lighter;
text-shadow:none;
color:#BC937B;
text-align:right;
}

c11{
font-size:14px;
color:#377487;
font-weight:bold;
}

c12{
font-size:14px;
color:#6DDEFC;
font-weight:bold;
}

c13{
font-size:16px;
color:#fff;
font-weight:lighter;
}

c14{
font-size:16px;
color:#2F67B1;
font-weight:lighter;
text-shadow:none;
}



/*
input[type="submit"]{
background:#fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}*/

#contacto{
margin-top:-9px;
}

#alinear{
position:relative;
height:auto;
text-shadow:none;
}

#alinear p{
text-align:left;
}

#footer
{ 
float: left;
background:url('../imagenes/barra_inferior.png') repeat-x;
height:17px;
width:100%;
bottom:0px; 
position:fixed; 
z-index: 5;
}
			 
#footer h2
{ 
   float:left;
   font-size:10px;
   font-family: 'Open Sans Condensed', sans-serif;
   color:#fff;
   font-weight:lighter;
   display: inline;
   text-decoration:none;
   height:auto;
   margin-top:2px;
   margin-left:10px;
   text-shadow:none;
}

#footer c1
{ 
color:#00AAB2;		
text-shadow:none;	
}	


/* ========================================= tooltip =========================================== */
tooltip {
    border-bottom: 1px dotted #0077AA;
    cursor: help;
	
}
 
.tooltip::after {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	text-align:center;
	font-weight:lighter;
	background:url('../imagenes/fondo_tooltip.png') repeat-x;
	
    /* background: rgba(0, 0, 0, 0.7); */
    border-radius: 20px 20px 20px 20px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
   top:25px;
   right:110px;
   width:200px;
    opacity: 0; /* Our element is transparent... */
   padding: 3px 10px 5px 10px;
    position: absolute;
    visibility: hidden; /* ...and hidden. */
 
    transition: all 0.4s ease-in-out; /* To add some smoothness */
}
 
.tooltip:hover::after {
    opacity: 1; /* Make it visible */
    visibility: visible;
}


/* ---------------------------------------- */
tooltip_made {
    border-bottom: 1px dotted #0077AA;
    cursor: help;
	
}
 
.tooltip_made::after {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:13px;
	text-align:center;
	font-weight:lighter;
	background:#E5E5E5;
	background: -webkit-linear-gradient(top, #FFFFFF, #B7B7B7);
	background: -moz-linear-gradient(top, #FFFFFF, #B7B7B7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#B7B7B7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#B7B7B7')";
	background: -o-linear-gradient(top, #FFFFFF, #B7B7B7);
	background: linear-gradient(top, #FFFFFF, #B7B7B7);
    /* background: rgba(255, 255, 255, 0.7); */
    border-radius: 20px 20px 20px 20px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color:#333333;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
    top:50px;
    right:80px;
    width:270px;
    opacity: 0; /* Our element is transparent... */
    padding: 5px 7px 5px 7px;
    position: absolute;
    visibility: hidden; /* ...and hidden. */
 
    transition: all 0.4s ease-in-out; /* To add some smoothness */
}
 
.tooltip_made:hover::after {
    opacity: 1; /* Make it visible */
    visibility: visible;
}

#unodiseno
{ 
height:100px;
width:100px; 
float:right;
right: -18px;
bottom:-18px;
background:url('../imagenes/unodiseno.png') no-repeat center;
position:fixed;
z-index: 1000;
}

#vacio{
position:relative;
height:100px;
}