@charset "utf-8";
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:center;
	background:#fff;
	color:#000;
}

h1 {
	font-size:18px; 
	text-decoration:underline
}

#content{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	margin:auto;
	text-align:left;
	width:1000px;
	margin-top:20px;
}

#subcontent{
	width:500px;
	margin:auto;
}

a{
	color:#000;
}
a:visited{
	color:#000;
}
.textonormal{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
}

.input_font
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
.whitelink{
	color:#000;
	text-decoration:none;
}
.whitelink:hover{
	text-decoration:underline;
}
#envio{
	position:relative;
	background:#fff;
	border:#5B2D83 1px solid;
	/* width:270px; */
	height:284px;
	color:#333;
	padding:10px;
	font-weight:bold;
	
}
#envio_confirmacion{
	margin:auto;
	margin-top:1px;
	width:300px;
}
textarea#mensaje{
	height:90px;
	width:100%;
	font-size:12px;
}

#estado_sms{
	display:none;
	padding:5px;
	position:absolute;
	margin:auto;
	width:250px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
	z-index:1;
	border:3px solid #000;
	background:#fff;
	text-align:center;
}

#mensajes{
	background:#fff;
	border:#5B2D83 1px solid;
	width:280px;
	padding:10px;
}
#board{
	background-color:#FFF;
	height:150px;
	overflow:auto;
}
iframe{
	border:0px;
}
.mensaje{
	margin-top:3px;
	border-bottom:1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:200;
	color:#000;
}
#creditos{
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	color:#808080;
	text-align:center;
}
#creditos a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#808080;
}
#ayuda{
	position:absolute;
	padding:5px 5px 5px 5px;
	background-color:#666;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#loading{
	width:600px;
	height:310px;
	position:absolute;
	background:#000;
	left:0px;
	top:0px;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#loading_image{
	background: url(../images/loading3.gif) no-repeat;
	position:absolute;
	width:385px; 
	height:505px;
	left:130px;
	top:0px;
}




/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {
	background:#fff;
	border:1px solid #333;	
	-background:#666;
}

/* accordion header */
.accordion div.tab {
	margin:0;
	padding:3px 10px;
	font-size:13px;
	font-weight:normal;
	border-bottom:1px solid #fff;
	cursor:pointer;		
}

/* currently active header */
.accordion div.current {
	cursor:pointer;
}

/* accordion pane */
.accordion .pane {
	border:1px solid #fff;
	border-width:0 1px;
	display:none;
	height:226px;
	padding:3px;
	font-size:12px;
	overflow:auto;
}

#mensajes_tabs .pane a {
	margin-bottom:4px;
	padding-bottom:4px;
	display:block;
	border-bottom:1px solid #333333;
	text-decoration:none;
	color:#383838;
}

#mensajes_tabs .pane a:hover {
	text-decoration:underline;
}





.menu {width:500px;text-align:center;margin:auto}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:120px;
padding:7px 0;
text-decoration:none;
margin-right:0px;
text-align:center;
font-family:verdana, sans-serif;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:120px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

#enviar{
	border:1px solid #000;
	background:#8F8776;
	font-size:13px;
	color:#000;
	padding:2px;
	cursor:pointer;
}


/*COLORS*/
#header, .menu a, .menu :visited, .accordion div.tab {	/*MENUS NORMALMENTE*/
	color:#fff;
	background:#5B2D83 url(../images/gradient.png);
	border:1px solid #492270;
}

.menu :hover, .accordion div.current{	/*MENUS CUANDO ESTÁN ACTIVOS O MOUSE ENCIMA*/
	color:#0074C7;
	background:#FECE2F url(../images/gradient.png);
}


/* TABLET SIZE; PHONE LANDSCAPE */
@media screen and (max-width: 778px) {
	
	#content{
		width:100%;
	}

}

/* PHONE SIZE */
@media screen and (max-width: 480px) {

.phone-hide{display:none}

.textonormal {font-size:15px;}

.menu{
	width:100%;
}
.menu li, .menu.a{width:31%;}

#content{
	width:100%;
	font-size:15px;
}
#subcontent{
	width:auto;
	padding:2px;
}

#envio{width:auto;}


}