body
{
	margin: 0;
	padding: 0;
	background-color: black;
	overflow-y: scroll;
	background-image: url(../img/css_body_fondo.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	/*background-image: url(../img/css_body_fondo_mosaico.jpg);
	background-position: top left;
	background-repeat: repeat;*/
	/*background-image: url(../img/css_background.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;*/
	background-attachment: fixed;
}

div#web
{
	overflow: hidden;
	max-width: 1080px;
	min-width: 600px;
	margin: 100px auto 0px auto;
 	box-shadow: 0px 0px 20px #444444;
	border-top-left-radius: 80px;
	background-color: white;
	background-image: url(../img/css_footer_fondo.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #222222;
}

div#header
{
	height: 230px;
	background-color: white;
	font-family: Verdana, Arial;
	overflow: hidden;
}

div#content
{
	background-color: white;
}

div#contents
{
	margin: 30px 30px 30px 30px;
	font-family: Verdana, Arial;
	font-size: 13px;
	line-height: 20px;
	color: #222222;
}

div#footer
{
	clear: both;
	margin: 20px 0 0 0;
	/*border-top: 2px groove #444;*/
	box-shadow: inset 0 3px 3px 0 #111;
	background-color: #222;
	background-image: url(../img/css_footer_fondo.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-family: Verdana, Arial;
	overflow: hidden;
}

/*********************************************************** HTML */

h1
{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	line-height: 30px;
	font-size: 24px;
	font-family: Titulos, "Times New Roman", Times, serif;
	color: #b98a1b;
	text-shadow: 1px 1px 0px #222222;
}

h2
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 20px;
	line-height: 26px;
	font-family: Titulos, "Times New Roman", Times, serif;
	color: #9e720a;
	text-shadow: 1px 1px 0px #222222;
}

h3
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 18px;
	line-height: 20px;
	font-family: Titulos, "Times New Roman", Times, serif;
	color: #473408;
	/*text-shadow: 1px 1px 1px #222222;*/
}

h4
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 20px;
	font-family: Titulos, "Times New Roman", Times, serif;
	color: #473408;
	/*text-shadow: 1px 1px 1px #222222;*/
}

p
{
	text-align: justify;
	line-height: 25px;
}

a, a:visited, a:link
{
	color: #0089f1;
	text-decoration: none;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
}

a:hover, a:active, a:focus
{
	color: orange;
	text-decoration: none;
	outline:0;
}

img
{
	border: none;
}

hr{ border: none; border-top: 1px solid #b98a1b; height: 0;}

#content ul
{
	margin: 0; 
   padding: 0;
	list-style-type: none;
}

#content li
{
	/*margin-left: 5px;*/
	background-image: url(../img/css_li.png);
	background-repeat: no-repeat;
	background-position: 0 7px;	/*0 horizontal, 8 pabajo*/
	/*background-position: left center;*/
	padding: 2px 0 2px 15px;
	/*text-align: justify;*/
	line-height: 25px;
}

#content li li				{	background-image: url(../img/css_li_li.png);					}
#content li li li			{	background-image: url(../img/css_li_li_li.png);				}

div.chucknorris
{
	clear: both;
}

.top			{	vertical-align: top;	}
.centrado	{	text-align: center;	}
.righted		{	text-align: right;	}

.flotader	{	float: right;			}
.flotaizq	{	float: left;			}

.red			{	color: red;				}
.green		{	color: green;			}
.gray			{	color: #a9a9a9;		}
.blue			{	color: #0089f1;		}

.bold			{	font-weight: bold;	}

form table tr td
{
	vertical-align: top;
}

fieldset
{
	margin: 10px 0 10px 0;
	border: 1px outset #404040;
	border-radius: 7px;
	padding: 0;
	background-color: #656565;
	overflow: hidden;
}

fieldset span.titulo
{
	font-size: 12px;
	font-weight: bold;
	color: white;
	line-height: 25px;
	margin: 0 0 0 10px;
}

label
{
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0;
	line-height: 40px;
	vertical-align: top;
	border-bottom: 1px inset #222222;
	background-color: #555555;
	text-indent: 13px;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label:active	{ background-color: #656565; } 

input[type=text], input[type=email], input[type=url], input[type=tel], input[type=password]
{
	float: right;
	width: 70%;
	height: 25px;
	margin: 7px 7px 7px 0;
	border-radius: 5px;
	border: 1px solid #222222;
	padding: 0 5px 0 5px;
	font-family: Verdana, Arial;
	font-size: 12px;
}

textarea
{
	float: right;
	width: 70%;
	height: 100px;
	margin: 7px 7px 7px 0;
	border-radius: 5px;
	border: 1px solid #222222;
	padding: 5px 5px 0 5px;
	font-family: Verdana, Arial;
	font-size: 12px;
}

textarea:focus, input:focus, button:focus
{
	outline: 0;
}

button,
a.button, a.button:visited, a.button:link
{
	overflow: hidden;
	/*display: block;*/
	border: 1px solid #222;
	border-radius: 6px;
	background-color: #434343;
	background-image: -webkit-linear-gradient(top, #525252 0%, #1f1f1f 100%);
	background-image:    -moz-linear-gradient(top, #525252 0%, #1f1f1f 100%);
	background-image:     -ms-linear-gradient(top, #525252 0%, #1f1f1f 100%);
	background-image:      -o-linear-gradient(top, #525252 0%, #1f1f1f 100%);
	background-image:   linear-gradient(to bottom, #525252 0%, #1f1f1f 100%);
	padding: 6px 10px 6px 10px;
	/*line-height: 25px;*/
	line-height: 12px;
	font-family: Botones, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
	/*text-shadow: -1px -1px #777;*/
	letter-spacing: 2px;
}

button:hover, button:active,
a.button:hover, a.button:active, a.button:focus
{
	border: 1px solid #222;
	background-color: #404040;
	background-image: none;
	text-decoration: none;
}

div.form_notas
{
	float: left;
	margin: 5px 0 5px 5px;
	line-height: 25px;	/*igual que los botones*/
	font-size: 11px;
	font-style: italic;
	color: #fafafa;
}

div.form_status
{
	float: left;
	margin: 5px 0 5px 10px;
	line-height: 24px;	/* igual que los botones (font-size + padding)	*/
}

div.form_botones
{
	float: right;
	margin: 5px 5px 5px 0;
}

/*campos captcha*/
img.captcha
{
	border: 2px groove #404040;
	vertical-align: middle;
}

input.captcha
{
	width: 70px;
}

div.error
{
	margin: 1px 0 1px 0;
	border: 1px solid #d46c57;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background-color: #f1bdb3;
	background-image: url(../img/icono_error.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 6px 10px 7px 40px;
	color: #ae432d;
	font-family: Botones, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
}

div.error:hover {  background-color: #d46c57; }

div.info
{
	margin: 1px 0 1px 0;
	border: 1px solid #86c4ff;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background-color: #ddeeff;
	background-image: url(../img/icono_info.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 6px 10px 7px 40px;
	color: #46a4ff;
	font-family: Botones, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
}

div.info:hover {  background-color: #c3e2ff; }

div.ayuda
{
	margin: 1px 0 1px 0;
	border: 1px solid #d46c57;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background-color: #e47c68;
	background-image: url(../img/icono_ayuda.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 6px 10px 7px 40px;
	color: white;
	font-family: Botones, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
}

div.ayuda:hover {  background-color: #d46c57; }

div.aviso
{
	margin: 1px 0 1px 0;
	border: 1px solid orange;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background-color: #ffffe0;
	background-image: url(../img/icono_aviso.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 6px 10px 7px 40px;
	color: #222222;
	font-family: Botones, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
}

div.aviso:hover {  background-color: #ffffb7; }

div.datos
{
	border-bottom: 1px dotted #dadada;
	color: #a9a9a9;
	line-height: 20px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

div.paginas
{
	border: 1px solid #dadada;
	background-color: #fafafa;
	margin: 5px 0 5px 0;
	text-align: center;
}

div.paginas a
{
	line-height: 30px;
	padding: 0 5px 0 5px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.sangrado
{
	margin: 0 0 0 35px;
}

p.explicacion
{
	font-style: italic;
	color: #a9a9a9;
}

span.notas
{
	font-style: italic;
	font-size: 10px;
	color: #656565;
}

/******************************************************************/

@font-face {
    font-family: 'Titulos';
    /*src: url('../fonts/DroidSerif-Bold.woff');*/
    src: url('../fonts/Amaranth-Bold.woff');
}

@font-face {
    font-family: 'Botones';
    src: url('../fonts/Amaranth-Bold.woff');
}