/* AUTHOR: O.S.I S.L. */
/* Creation date: 31/05/2017 */
*{
margin:0px;
padding:0px;
}

img{border:0px}

html{
width:100%;
height:100%;
/*background-color:#4A4900*/

}

body{
width:960px;
height:100%;
margin:0 auto;
font-family: Calibri;
text-align:center;
/*background:#004000;*/
/*background: url(../bg.png);*/
border-left:0px solid #00540D;
border-right:0px solid #00540D;
}

html > body{
height:auto;
min-height:100%;
}

#contenido {
margin: 0px auto;
text-align: center;
background:#000000;
font-family: Calibri;
border:1px solid #0000ff;
height:100%;
width:960px;
}
#header {
	width:959px;
	height:46px;
	border:0px solid #00490D;
	background:#000000;
	text-align: center;
	/*position:fixed;*/

}

#cuerpo {
			margin: 0 0 0 0px;
			padding:0 0 0 0px;
			background:#ffffff;
			/*border:2px solid #B3E271;*/
			height:680px;
			width:959px;
			line-height:20px;
}

#slang span {
/*border:1px solid #000000;*/
			vertical-align: top;
			margin: 0 0 0 0px;
			padding:0 0 0 0px;
			height:12px;
			line-height:14px;
			font-family: Verdana, Arial, sans-serif;
			font-size: 12px;
			text-align: left;
			}
			
#slang img {
			margin: 0 4px 0 0px;
			padding:0 0 0 0px;
			/*height:10px;
			line-height:10px;*/

}
#slang P{
			/*border:1px solid #000000;*/
			/*position: absolute;*/
			margin: 0 0 0 0px;			
			padding: 2px 0 2px 4px;
			width:90px;
			height:12px;
			line-height:13px;
 			font-family: Verdana, Arial, sans-serif;
			font-size: 11px;
			text-align: left;
}

#lnom  {
			vertical-align: top;
			margin: 0 0 0 0px;
			padding:0 0 0 0px;
			height:10px;
			line-height:13px;
			font-family: Verdana, Arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-align: left;
			}
#flag {		
			border:1px solid #000000;
			margin-left: 10px;
			padding:0 0 0 0px;
			height:12px;
			}
			
#lang P{		
			width:960px;
			width:164px;
			height:14px;
			color: #ffffff;
			line-height:14px;
 			font-family: Verdana, Arial, sans-serif;
			font-size: 12px;
			text-align: left;
			}
			
#wraper {	
			width:960px;
			margin: 0 0 0 0px;
			padding:0 0 0 0px;
			text-align: center;
			border-top: 0px solid #ffff00;
			border-bottom: 0px solid #ffff00;
			height:33px;
}
			
#menu { 	
			width:100%;
			margin: 0px 20px 0 0px;
			padding:0 0 0 0px;
			text-align: center;
			height:33px;	
			background:#001166;
			
}			

#menu ul { 
			background: url('menu-ul1.png') no-repeat center top;
			height: 31px;
			line-height: 22px;
			width: 960px;
			list-style-type: none;
			padding:0 0 0 0px;
			 text-align: center;
			/*margin: 0;*/
			/*padding: 2px 15px 0px 10px;*/
}	
#menu li {  
			/*background: url('menu-li.png') no-repeat center top;*/
			height: 31px;
			line-height: 28px;
			display: inline;
			padding:0 10px 0 0px;
			margin: 0px 0 0 10px;
			text-align: center;
			width:180px;

}
#menu a{
 width:180px;
}
#menu li a:link, #menu a:visited { 
			 color: #fff;
			 text-decoration: none;
			 text-align: center;
			 font-family: Calibri;
			 font-weight: bold;
			 font-size: 14px;
			 width:180px;
			 /*padding: 15px 0px 0px 0px;*/
}

#menu li a:hover, #menu li a:focus, #menu li a:active { text-decoration: underline; width:200px;}

#pie {
  position:relative;
  border-top:1px solid #B3E271;
  margin-top: 0px;
  padding-top: 0px;
  top:0px;
  height:160px;
  width:958px;
  background:#493F07;
}
/*-----------pie 1 ---------------*/
#menupie1 { 	
			position:absolute;
			float:left;			
			height: 142px;
			left:200px;
			text-align: left;
			top: 10px;
			width: 190px;
			margin: 0 auto;
}
#menupie1 ul { 
			/*background: url('menu-ul.png') no-repeat center top;*/
			width: 166px;
			height: 142px;
			list-style-type: none;
			margin: 0;
			padding: 2px 15px 0px 10px;
			line-height:18px;
}	
#menupie1 li {  
			/*background: url('menu-li.png') no-repeat right top;*/
			color: #ffffff;
			width: 166px;
			height: 20px;
			display: inline;
			padding: 0px 10px;
			margin: 0;
}
#menupie1 li a:link, #menupie1 a:visited { 
			 color: #ffffff;
			 text-decoration: none;
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 12px;
			 padding: 0px;
}
#menupie1 li a:hover, #menupie1 li a:focus, #menupie1 li a:active { text-decoration: underline; }
/*-----------pie 2 ---------------*/
#menupie2 { 
			position:absolute;
			float:left;			
			height: 142px;
			left:380px;
			text-align: left;
			top: 10px;
			width: 176px;
			margin: 0 auto;
}
#menupie2 ul { 
			/*background: url('menu-ul.png') no-repeat center top;*/
			width: 176px;
			height: 142px;
			list-style-type: none;
			margin: 0;
			padding: 2px 15px 0px 10px;
			line-height:18px;
}	
#menupie2 li {  
			/*background: url('menu-li.png') no-repeat right top;*/
			width: 176px;
			height: 20px;
			display: inline;
			padding: 0px 10px;
			margin: 0;
}
#menupie2 li a:link, #menupie2 a:visited { 
			 color: #aaaaaa;
			 text-decoration: none;
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 12px;
			 padding: 0px;
}
#menupie2 li a:hover, #menupie2 li a:focus, #menupie2 li a:active { text-decoration: underline; }
/*-----------pie 3 ---------------*/
#menupie3 { 	
			position:absolute;
			float:left;			
			height: 142px;
			left:560px;
			text-align: left;
			top: 10px;
			width: 166px;
			margin: 0 auto;
}
#menupie3 ul { 
			/*background: url('menu-ul.png') no-repeat center top;*/
			width: 166px;
			height: 142px;
			list-style-type: none;
			margin: 0;
			padding: 2px 15px 0px 10px;
			line-height:18px;
}	
#menupie3 li {  
			/*background: url('menu-li.png') no-repeat right top;*/
			width: 166px;
			height: 20px;
			display: inline;
			padding: 0px 10px;
			margin: 0;
}
#menupie3 li a:link, #menupie3 a:visited { 
			 color: #aaaaaa;
			 text-decoration: none;
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 12px;
			 padding: 0px;
}
#menupie3 li a:hover, #menupie3 li a:focus, #menupie3 li a:active { text-decoration: underline; }
/*-----------pie 4 ---------------*/
#menupie4 { 
			position:absolute;
			float:left;			
			height: 142px;
			left:740px;
			text-align: left;
			top: 10px;
			width: 166px;
			margin: 0 auto;
}
#menupie4 ul { 
			/*background: url('menu-ul.png') no-repeat center top;*/
			width: 166px;
			height: 142px;
			list-style-type: none;
			margin: 0;
			padding: 2px 15px 0px 10px;
			line-height:18px;
}	
#menupie4 li {  
			/*background: url('menu-li.png') no-repeat right top;*/
			width: 166px;
			height: 20px;
			display: inline;
			padding: 0px 10px;
			margin: 0;
}
#menupie4 li a:link, #menupie4 a:visited { 
			 color: #555555;
			 text-decoration: none;
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 12px;
			 padding: 0px;
}
#menupie4 li a:hover, #menupie4 li a:focus, #menupie4 li a:active { text-decoration: underline; }
/*-----------pie 0 ---------------*/
#menupie0 { 
			position:absolute;
			float:left;			
			height: 142px;
			left:5px;
			text-align: left;
			top:5px;
			margin: 0 auto;
			width: 190px;
			
}
#menupie0 ul { 
			/*background: url('menu-ul.png') no-repeat center top;*/
			height: 142px;
			list-style-type: none;
			margin: 0;
			padding: 2px 15px 0px 10px;
			line-height:19px;
}	
#menupie0 li {  
			/*background: url('menu-li.png') no-repeat right top;*/
			height: 20px;
			display: inline;
			padding: 0px 5px;
			margin: 0;
			
}
#menupie0 li span { 
			 
			 color: #837912;
			 text-decoration: none;
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 11px;
			 padding: 0px;
}
#menupie0 li a:hover, #menupie4 li a:focus, #menupie4 li a:active { text-decoration: underline; }

#lega {
			 font-family: Verdana, Arial, sans-serif;
			 font-size: 16px;
			 color: #837912;

}

/*-------------------------------------------------------------------*/
#botones {
position:relative;
margin-top:0px;


}
#botones ul{
	position:relative;
	top:0px;
    list-style:none; 
    margin:0px; 
    padding-top:1px; 
	
}
#botones ul li {
    float:left;
	font-family: Arial;
    text-align: center;
	text-decoration: none;
    height:53px;
	width:383px;
	line-height: 53px;
    border:0px solid #999999;
	margin-top: 0px;
	margin-bottom: 1px;
	font-size: 20px;
	font-weight:normal;
	background: url(imagenes/boton.png);
	
}
#botones ul li a{
    text-decoration:none;
	font-family: Arial;
    color:#ffffff;
	height:53px;
	font-size: 20px;
    font-weight:normal;
}
/*#botones ul li a:hover{
	height:53px;
    color:#ffffff;
	font-size: 20px;
	background: url(imagenes/botonup.png);
} */
#botones ul li:hover{
	height:53px;
    color:#000000;
	font-size: 20px;
	background: url(imagenes/botonup.png);
} 

#ppp {
	font-size: 18px;
    font-weight:normal;
	color:#ffffff;
}

#ppp1 {
	font-size: 20px;
    font-weight:normal;
	color:#ffffff;
	margin-left:60px;
}

#fimagen {
font: 16px Calibri;
position: relative;
text-align:justify;
float:left;
top:2px;
left:4px;
background:#000000;
font-weight:normal;
color:#ffffff;
padding:2px;
float: left;
width: 450px;
height: 450px;
line-height:17px;
/*overflow: none;*/
}

#osislider{
BORDER: 0px solid #ffffff;
DISPLAY: block;
OVERFLOW: hidden;
WIDTH: 450px;
POSITION: relative;
top:1px;
HEIGHT: 300px;
background:url(../imagenes/show.gif);
background-position: center center;
background-repeat: no-repeat;
}
#animacion {
padding:0;
LEFT: 0pt;
MARGIN: 0pt;
WIDTH: 4500px;
POSITION: absolute;
TOP: -5pt;
HEIGHT: 300px;
}

#msg{
width:508px;
height:300px;
background:#ffffff;
position:relative;
float:right;
z-index:999;
}

.shot{
PADDING-RIGHT: 0px;
LIST-STYLE: none none outside;
DISPLAY: block;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 450px;
PADDING-TOP: 5px;
BORDER-BOTTOM: medium none;
}

.m1{
position: relative;
width:100%;
height:100%;
top:30px;
padding:0; 
margin:0;
font:28px Desyrel;
font-weight:200;
color : #000000;
text-align:center;
line-height:30px;
}
.m0{
position: relative;
width:100%;
height:100%;
top:30px;
padding:0; 
margin:0;
font:28px Desyrel;
font-weight:200;
color : #000000;
text-align:center;
line-height:30px;
}
.m{
position: relative;
width:100%;
height:100%;
top:30px;
padding:0; 
margin:0;
font:28px Desyrel;
font-weight:200;
color : #cc6622;
text-align:center;
line-height:30px;
}
.inputtext{
height:24px;
font:16px Calibri;
font-weight:200;
}
.nota{
height:22px;
line-height: 22px;
font:14px Calibri;
font-weight:300;
color :#993333;
text-align:justify;
padding:0px;
margin-left:40px;
margin-right:20px;
}
.boton { font: bold 20px Calibri; line-height:38px;  top: 5px;  width:120px; height: 40px;  border: 2px solid #ffffff; border-radius:8px; background:#000000; color:#ffffff;}
.boton:hover{font: bold 20px Calibri; line-height:38px; color: #000000;background:#1122ff; cursor:pointer;}
.fboton { font: bold 14px Calibri; line-height:28px; padding:0; margin:0;  width:120px; height: 34px;  border: 2px solid #ffffff; border-radius:8px; background:#000000; color:#ffffff;}
.fboton:hover{font: bold 14px Calibri; line-height:28px; color: #000000;background:#1122ff; cursor:pointer;}
