html{
background:url('../imagenes/barra1.png') repeat-x 0px 0px;

}
body { background-color:#fff; -webkit-tap-highlight-color:transparent !important;
	font-family:Arial;color:#333;font-style:regular;}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: normal; margin: 5px 0; }
p { font-size: .9em; margin: 5px 0; }
ul { padding-left: 0px; margin: 10px 0; list-style-type:none; }

img{max-width:100%;}/* siempre */
/*
320px

1em = 16px

20em = 320px

*/

#main{
border:1px solid red;
width:20em;
margin:5px auto;
}
#header{
border-bottom:0px solid blue;
position:relative;
height:30px;
}
#header h1#logo{
font-weight:bold;
font-size:2.1em;
top:15px;
color:#097CD2;
width:100%;
text-align:center;
margin-bottom:0px;}

#primero h1#tit{
font-weight:normal;
font-size:1em;
top:15px;
color:#000000;
width:100%;
text-align:center;
margin-bottom:0px;
} 	
#primero p#titel{
position:absolute;
top:55px;
margin-right:15px;
font-size:1.1em;
color:#000000;
font-weight:bold;
width:60%;
text-align:right;
}	
#nav .rmm ul{
border:0px solid red;
 
}
#primero p#titel .gris{
color:#ccc;
}
#llamar td{ 
padding-bottom:5px;
font-size:1em;

}

#llamar #enviar{ 
background-color:#fff;
color:#000000;
margin-left:0px;
}

#primero p#form .gris{
color:#ccc;
}
#gestion .destacados{
font-size:1.1em;
color:#000000;
font-weight:bold;
width:95%;
text-align:center;
}
#gestion h1{
 
font-size:1.3em;
color:#000000;
font-weight:bold;
width:100%;
text-align:center;
}
#gestion h2{
 
font-size:1.5em;
color:#000000;
font-weight:normal;
width:100%;
text-align:center;
margin-top:50px;
margin-bottom:20px
}
#gestion p{
color:#000;
font-size:0.9em;
font-weight:normal;
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px  0px 0px;
}
#gestion .b{
width:100%;
margin-left:0em;
color:#5F5F5F;
font-size:1.2em;
font-weight:bold;
text-align:left;
border:0px dotted #000000;
margin:0px 0px  0px 0px;
padding:10px 0px 0px 0px;
}
#reg {

width:100%;
text-align:center;
margin:5px 5px 10px 5px;


}
#reg h2{
font-size:2.5em;
color:#000000;
font-weight:bold;
width:100%;
text-align:center;
margin-bottom:20px;
}
#reg p{
opacity:1.1em;
color:#0977c9;
font-size:0.9em;
/*color:#000000;*/
font-weight:regular;
width:100%;
text-align:left;
margin-top:5px;
border:0px solid red;
}
#datos h2{
color:#000000;
font-size:1.2em;
}

#menu{
border:0px solid red;


}
#menu ul li{
border:1px solid #000;

margin-bottom:5px;

}
#menu ul li a{
display:block;
color:#0977c9;
text-decoration:none;
padding:2px;
}
#menu ul li a:hover{
color:#fff;
background-color:#0977c9;
}

#premium {
width:100%;
margin-left:0.5em;
}

#premium h2{
width:100%;
margin-left:1em;
color:#333;
font-size:1.1em;
font-weight:bold;
}
#premium p{
color:#333;
font-size:0.9em;

font-weight:normal;
width:100%;
text-align:left;
}





#mensajes{border:0px solid red;

font-size:1em;
color:#000000;
font-weight:bold;
width:100%;
text-align:center;
float:left;
}
form{border:0px solid green;
margin:0 auto 20px;
width:19em;
}
#espacio{border:0px solid red;height:15px;
}
} 
#tit_llamado{
border:0px solid red;
font-size:1.3em;
color:#0497FF;
font-weight:bold;
width:100%;
text-align:center;
float:left;
padding:10px 10px 10px 10px;
}
#tit_llamado1{
border:0px solid red;
font-size:1.3em;
color:#000000;
font-weight:bold;
width:100%;
text-align:center;
float:left;
padding: 10px  0px  10px 10px;
}
#mensajes1{
width:95%;
color:#000000;
font-size:1em;
font-weight:normal;
text-align:left;
border:1px solid #E4B639;
float:left;
padding:0 0  0px 3px;
height:auto;
margin:0 0  10px 10px;
background-color:#FFF;
 
}
#mensajes2 #contacto #from {border: 0px solid green;
 background-color:#A020F0; 
}
#mensajes2{
width:280px;
color:#000000;
font-size:1em;
font-weight:normal;
text-align:left;
border:1px solid #E4B639;
float:left;
padding:10px;
height:auto;
margin:10px 0 10px 8px;
background-color:#FFF;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
#mensajes2 #contacto #from {border:1px solid green;
 background-color:#A020F0;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
 
 
.breve{
width:280px;
color:#000;
font-size:1em;
font-weight:normal;
text-align:left;
border:1px solid #E4B639;
float:left;
padding:10px;
height:auto;
margin:0 0 10px 8px;
}
.breve1{
width:280px;
color:#000;
font-size:1em;
font-weight:normal;
text-align:left;
border:0px solid #E4B639;
float:left;
padding:10px;
height:auto;
margin:0 0 10px 8px;
}

#footer{
width:94%;
top:10px;
background-color:#ccc;
color:#A020F0;
font-size:0.9em;
padding:0px ;
float:left;
height:auto;
border:1px solid #E4B639;
margin:0 10px 10px 8px;
}
#footer p{
width:100%;
color:#000000;
font-size:0.9em;
padding:0px  ;
border:0px solid red;
height:auto;
text-align:center;
}







/*480*/
@media only screen and (min-width:30em){
	
#main{width:30em;}

.breve{width:29em}

}/*480*/

/*720*/
@media only screen and (min-width:45em){
	
#main{width:45em;
border:0px solid #F11C35;
}
	
#header{
height:40px;
 
}
#primero h1#tit{
font-weight:normal;
font-size:1.2em;
top:5px;
color:#000000;
width:100%;
text-align:left;
margin-left:30px;
} 	
#primero p#titel{
position:absolute;
top:45px;
margin-right:25px;
font-size:1.1em;
color:#000000;
font-weight:bold;
width:60%;
text-align:right;
}	
.rmm ul{
border:0px solid #F11C35;
margin-top:0px;
/*background-color:#000000;*/
font-size:.9em;
font-weight:bold;
}

.breve{width:45%;
height:230px;
margin-left:10px;
}

}/*720*/


/*960*/
@media only screen and (min-width:60em)
{#main{
width:60em;}

#header{
height:40px;}
header{
text-align:center;
}

#primero h1#tit{
border:0px solid blue;
font-size:1.1em;
top:0px;
color:#000000;
width:100%;
text-align:left;
margin-bottom:15px;
font-weight:normal;
padding:0px 0px 0px 25px;
width:40%;
} 	
#nav .rmm ul{
border:0px solid #0000FF;
margin-top:100px; 
}
#primero p#tit{
top:65px; 
text-align:center;
width:45%;
font-weight:bold;
padding:0px 0;
background-color:#FFF;
font-size:1.1em;
color:#000000;
font-style:italic;
}
 

#primero p#titel{
position:absolute;
top:40px;
margin-right:25px;
font-size:1.2em;
color:#000000;
font-weight:bold;
width:60%;
text-align:right;
}	
#header p#titel{
position:absolute;
top:100px;
padding:5px 20px 5px 0;
font-size:1.2em;
color:#09a8ea;
font-weight:normal;
width:40%;
text-align:center;
margin-bottom:0px
}
#header p#titel .gris{
color:#ccc;
}
#gestion h2{
/*color:#0977c9;*/
font-size:2.9em;
color:#000000;
font-weight:bold;
width:100%;
text-align:center;
margin-top:50px;
margin-bottom:20px
}
#gestion p{
color:#5F5F5F;
font-size:1em;
/*color:#000000;*/
font-weight:normal;
width:100%;
text-align:left;
margin-top:5px;
border:1px;
}
 
#gestion h3{
/*color:#0977c9;*/
font-size:1.7em;
color:#94BE00; 
font-weight:bold;
width:100%;
text-align:center;
}

#gestion .b{
width:100%;
 
color:#5F5F5F;
font-size:1.3em;
font-weight:bold;
text-align:left;
border:0px dotted #000000;
}
#reg {
width:100%;
text-align:center;
margin:5px 5px 10px 5px;
}

#reg h2{
font-size:2.5em;
color:#000000;
font-weight:bold;
width:100%;
text-align:center;
margin-top:50px;
margin-bottom:20px
}
#reg p{
opacity:1.1em;
color:#0977c9;
font-size:0.9em;
/*color:#000000;*/
font-weight:regular;
width:100%;
text-align:left;
margin-top:5px;
border:0px solid red;
}
#premium {
width:100%;
margin-left:0.5em;
}
#premium h2{
width:25%;
margin-left:0em;
color:#333;
font-size:1.5em;
font-weight:bold;
text-align:left;
border: 0px dotted #E4B639;
}
#premium p{
color:#333;
font-size:1em;
font-weight:normal;
width:100%;
text-align:left;
}
#cont {
border:2px solid #000;
margin-top:48px;
font-size:1em;
color:#000000;
font-weight:bold;
width:35%;
text-align:center;
margin-left:150px;
background-color:#ccc;
}
#cont2 {
border:1px solid red;
margin-top:48px;
font-size:1em;
color:#000000;
font-weight:bold;
width:350px;
text-align:center;
position:absolute;
background-color:#ccc;
}
#mensajes1{
width:95%;
color:#000000;
font-size:1em;
font-weight:normal;
text-align:left;
border:1px solid #E4B639;
float:left;
padding:0 0  0px 3px;
height:auto;
margin:0 0  10px 10px;
background-color:#FFF;
}
#mensajes2{
width:95%;
font-size:1em;
font-weight:normal;
text-align:left;
border:1px solid #E4B639;
float:left;
padding: 0px  10px  0px  10px;
height:auto;
margin:0  0px  10px 10px;
background-color:#FFF;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
#mensajes2 #contacto #from {border:1px solid green;
 background-color:#A020F0;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
}/*960*/