#body{
background-color: rgba(115,154,151,0.2) !important;
}
font.wh{
color: white;
}


.dragout{
	cursor:move;
}

.white{
color: white;
}

.red{
color: red;
}

h1.head{
color:#ff8000;
}

ul.paginas{
margin-top:-20px;
background-color:rgba(0,0,0,0.9);
color:#fff;
padding: 10px;
text-align:justify;
}
li.paginas{
display: inline;
}

ol#myList
{
list-style-type:none;
}
	.headings{
	position: relative;

    padding:10px;
    margin-top:40px;
	margin-left:-19px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#fff;
    text-align:left;
    text-shadow:-1px -1px 1px #ccc;
	z-index: 11;
}

	.heads{
	position: relative;

    padding:10px;
    margin-top:0px;
	margin-left:-19px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#fff;
    text-align:left;
    text-shadow:-1px -1px 1px #ccc;
	z-index: 11;
}

a.paralax{
color:#000;
text-decoration:none;
}

p.style{
margin-top:10px;
background-color:rgba(123,177,193,1);
border-width:0px;	
border-style:double;
border-color : #fff #fff;
color:#fff;
padding: 10px;
border-top-left-radius:2em;
border-top-right-radius:2em;
text-align:center;
font-size:16px;
}

h2.TituloEncabezado{
margin-top:0px;
background-color:rgba(0,0,0,0.1);
border-width:0px;	
border-style:double;
border-color : #fff #fff;
color: rgba(0,25,86,0.9);
padding: 8px;
border-top-left-radius:1em;
border-top-right-radius:1em;
text-align:center;
font-size:28px;
font-weight: bold;
}


p.styles{

padding: 0px 15px 10px;
text-align:justify;
}

p.EstiloJ{
margin-left: 5px;
padding: 0px 5px 10px;
text-align:justify;
}

p.stylescenter{
text-align:center;
}

p.ppiepage{
text-align:left;
margin-top:-4px;
color: #fff;
}


p.paralax{
background-color: rgba(0,0,0,0.7);
width: 150px;
margin-top: 30px;
margin-left: 970px;
font-size:40px;
color: #fff;
border-width:5px;	
border-style:double;
border-color : #000 #d68c3f;
padding: 5px;
text-align:center;
}

.esquina, .squina{
position: absolute;
width: 200px;
height: 50px; 
margin-top: -70px;
margin-left: -32px;
}

.squina{
margin-top: -27px;
margin-left: 852px;
}
/* CENTRA TODO CON ESPECIFICACIONES DEL WIDTH */

#toggle #tog {
background-color: rgba(255,255,255,0.0);
width:900px;
margin-top:30px;
margin-left:30px;
}

#dos{
display:none;
}

#linea{
background-color: rgba(0,25,86,1);
width:845;
height:3px;
margin-top: 3px;
margin-bottom: 3px;
z-index:1;
}

#boxradius{
background-color: rgba(44,148,46,1);
text-align:left;
margin-top:15px;
z-index:1;
padding-top: 7px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;

}
#boxradius1 {
background-color:  rgba(255,255,255,1); 
z-index:0;
padding-top: 7px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

.centrod
{
  margin: 0 auto;
}
#boxradius2{
background-color:  rgba(0,64,112,0.8);
z-index:0;
border-top-left-radius:2em;
border-top-right-radius:2em;
}

#gamesHolder { 
position: relative;
padding: 5px;
 margin-top: 30px; 
 width: 1065px; 
 }

#boxradiusimg{
height:284px;
width:310px;
background: url(img/fondo.png) repeat-x;
background-color:  rgba(244,255,255,1); 
z-index:0;
padding-top: 7px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

#pic{
top:-130px;
background: url(img/sohmet.png) no-repeat;
width: 251px;
height: 56px;
z-index:0;
}

#display1{
position:relative;
top: 45px;
width:100%;
height:130px;
margin-bottom:90px;
content:"";
z-index: 98;
box-shadow: 1px 1px 0px #bbc5c5;
-moz-box-shadow: 1px 1px 0px #bbc5c5;
-webkit-box-shadow: 1px 1px 0px #bbc5c5;
background: rgba(44,148,46,1);
padding:10px;
}

#displaydown{
position:relative;
top: 70px;
width:100%;
height: 100%;
content:"";
z-index: 98;
box-shadow: 1px 1px 0px #bbc5c5;
-moz-box-shadow: 1px 1px 0px #bbc5c5;
-webkit-box-shadow: 1px 1px 0px #bbc5c5;
background: rgba(44,148,46,1);
padding:10px;
}

#barra{
width: 100%;
height: 45px;
z-index: 99;
position: fixed;
margin-bottom:0px;
 border:1px solid rgba(0,0,0,0.4);	
  border-width: 0 1px 1px;
background-color: rgba(255,255,255,1);
}

#logoleft{
margin-top:205px;
margin-left: 5px;
width: 10%;
height: 88%;
z-index: 99;
position: fixed;
margin-bottom:0px;
}

#logoright{
right: 0px;
float: right;
margin-top:205px;
margin-right: 5px;
width: 10%;
height: 88%;
z-index: 99;
position: fixed;
margin-bottom:0px;

}

#sombrabarra{
width: 100%;
top:45px;
height: 3px;
z-index: 99;
position: fixed;
margin-bottom:0px;
background-color: rgba(0,0,0,0.1);
border-bottom-left-radius:1em;
border-bottom-right-radius:1em;
}

#linea2{

background-color: rgba(0,0,0,0.0);
padding:10px;
margin-top:0px;
border-width: 0px;	

text-align: center;
text-decoration: underline;
}


/* BARRA 1 */
#liroja, #linear, #bprimera{
position:absolute;
top:0;
left:0;
width:100%;
height:55px;
content:"";
z-index: 1;
box-shadow: 1px 1px 0px #bbc5c5;
-moz-box-shadow: 1px 1px 0px #bbc5c5;
-webkit-box-shadow: 1px 1px 0px #bbc5c5;
background:#3f3f3f;
}

#liroja, #linear{
position: relative;
top:0px;
height:5px;
z-index: 2;
background:#da251c;
}

#linear{
position:absolute;
top:56px;
}

/* BARRA 2 */
#bsegunda{
position:absolute;
width:100%;
height:160px;
content:"";
z-index: 0;
box-shadow: 1px 1px 0px #bbc5c5;
-moz-box-shadow: 1px 1px 0px #bbc5c5;
-webkit-box-shadow: 1px 1px 0px #bbc5c5;
background:#000;
opacity: 0.9;
}

/* BARRA 2 */
#bprimera{
position:fixed;
top: 300px;
width:100%;
height:200px;
content:"";
z-index: 0;
box-shadow: 1px 1px 0px #bbc5c5;
-moz-box-shadow: 1px 1px 0px #bbc5c5;
-webkit-box-shadow: 1px 1px 0px #bbc5c5;
background:#e5913b;
}

/* BARRA 3 */
#btercera, #bcuarta, #bquinta{
position:absolute;
width:300px;
height:100px;
content:"";
z-index: 2;
top: 15px;
border-right-style: solid;
border-right-width:1px;
border-color:#5e5e5f;
background:transparent;
padding: 20px;
}

#bcuarta{
left: 350px;
text-align: center;
}

#bquinta{
left: 700px;
border-right-style: none;
text-align: center;
}

#cuno{
position:relative;
width:300px;
height:150px;
margin-bottom:30px;
top: 30px;
z-index: 3;
border: 1px solid #000;
background: #da251c;
padding: 20px;
text-align: left;
}

#imag{
position:relative;
z-index: 4;
width:550px;
height:200px;
background:transparent;
margin-bottom:90px
}

#imgs{
position:relative;
z-index: 4;
width:200px;
height:200px;
background:transparent;
margin-bottom:90px
}

/* ICONO DE FACEBOOK */
.face{
position: absolute;
float: right;
width: 82px; 
height: 94px; 
z-index: 9;

}

/* ICONO DE TWITTER */
.tw{
position: relative;
float: right;
width: 82px; 
height: 94px; 
z-index: 9;

}


/* COPYRIGHT */
#copy{	
position: absolute; 
width: 200px; 
height: 43px; 
margin-left: 20px;
margin-top: 617px;
background-color : transparent; 
color : #fff;
z-index: 14;
padding: 10px;

}

.photo  {
position: fixed;
margin-top:-400px;
margin-left:100px;
width:700px;
height: 500px;
padding: 10px;
background-color: #fff;
overflow: hidden;
color: #000; 
box-shadow: 20px 20px 20px #000;
-webkit-box-shadow: 20px 20px 20px #000;
-moz-box-shadow: 20px 20px 20px #000;
z-index: 99;
}


/* MENU LAVALAMP */
/* OPCIONES DE TODA LA CLASE */
.lavaLampBottomStyle {		
	position:  relative;
	height: 40px;
	width: 600px;
	top: 26px;
    left: 550px;
	border: 0px solid #000;
	z-index: 6;

	background-color: transparent;
}
/* OPCIONES  DEL MENU */
.lavaLampBottomStyle li {	
	float: left;
	list-style: none;
}
/* OPCIONES DE LA "LAVA" */
.lavaLampBottomStyle li.back {	
	background-color: #fff;   
	height: 40px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	z-index: 8;
	position: absolute;
	display: none;
}

	
/* OPCIONES DE CADA BOTON */
.lavaLampBottomStyle li a {	    
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	outline: none;
	text-align: center;
	top: 7px;
	z-index: 9;
	float: right;
	height: 30px;
	position: relative;
	margin: auto 10px;
}   

.blanco
{
 background-color: #666666;
}

 #header{
 float: right;
 margin: auto;
 top: 55px;
 position:relative;
z-index:99;
margin-right: 55px;
 }
 
 
 .imglist > li
 { 
	 display: inline-block;
	  float: left;
	  margin: 15px;
	  height: 400px;
	  width: 250px;
	  padding-bottom: 10px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
 }
 
#images{
position: relative;
z-index: 4;
background:transparent;
}
 
 
 ul, ol{
 list-style:none;
  z-index: 99;
 }
 
 .navlist li a{
 color: #fff;
 text-decoration: none;
 text-align: center;
 padding: 10px 10px;
 display: block;
 height: 40px;
  z-index:99;
 }
  
 .navlist li a:hover{
  z-index: 99;
  color: rgba(216,134,102,1);
 }
 
 .navlist li.seleccionado a  {
 color:rgba(216,134,102,1);
 z-index: 99;
 }
 
 li.seleccionado a > .flecha-down{
  display:block;
 }
 
 .navlist li ul li.seleccionado2 a{
 z-index: 99;
 }
 
 .navlist > li{
  z-index: 99;
 font-size: 16px;
  border-color: rgba(123,177,193,1);
  border-right-style: solid;
  border-width: 1px;
 float:left;
 }
 
  .navlist li#last{
  color:rgba(216,134,102,1);
  border-width: 0px;
   z-index: 99;
 }
 
  .navlist li ul  {
 display:none;
  z-index: 99;
 position:absolute;
 min-width:140px;
 border-bottom-style: solid;
  border-width: 1px;
  background-color:rgba(174,174,174,0.0);
 }
 
 .navlist li:hover > ul{
  z-index: 99;
 display: block;
 } 

 
 .navlist li ul li{
 position:relative;
 z-index: 99;
 background-color:rgba(174,174,174,0.2);
 }
 
 .navlist li ul li a:hover{
  z-index: 99;
 background-color:rgba(0,64,112,0.7);
 }
 
 .navlist li ul li ul{
 left: 0px;
 top: 0px;
  z-index: 99;
 }
 
 .flecha-down {
 display:none;
 margin-top:30px;
  margin-left: auto;
    margin-right: auto;
 color:rgba(216,134,102,1);
    width:0px;
    height:0px;
    border-left:10px solid transparent; /* izquierda flecha */
    border-right:10px solid transparent; /* derecha flecha */
    border-top:10px solid rgba(44,148,46,1); /* base flecha y color letras rgba(216,134,102,1); color display1 rgba(73,141,167,1);*/
    font-size:0px;
    line-height:0px;
}

#piedepagina{
padding-right:10px;
padding-top:8px;
 float: right;
 position: relative;
}

div.bordepagina {

width: 520px;
height: 210px;
    border-left: 1px solid rgba(255,255,255,0.6); 
	padding : 5px;
float: right;
  }

 div.padd {
padding : 5px;
}
  
#piedepagina ul{
list-style:none; 
}

#piedepagina li{
color: #fff;
}

#piedepagina p
{
text-align: left;
Color: #fff;
font-size:  23px;
text-decoration: underline;
}
#piedepagina  li a{
width:190px;
height:25px;
padding:0px;
text-decoration:none;
text-align:center;
color:#fff;
font-size:15px;
font-weight:bold;
}

#piedepagina  li a:hover{
border-collapse:collapse;
color:#fc0;
}

 
#social{
padding-right:10px;
padding-top:8px;
 float: right;
 position: relative;
}

#social li{
list-style:none; float:left;
}

#social  a{
display:block;
width:190px;
height:25px;
background:#9cc;
border: 1px solid #fff;
border-collapse:collapse;
padding:2px;
text-decoration:none;
text-align:center;
color:#fff;
font-size:15px;
font-weight:bold;
}

#social li a:hover{
background:navy;
border: 1px solid transparent;
border-collapse:collapse;
color:#fc0;
}

#social li ul{
display:block;
position:absolute;
}

#social li:hover ul{
display:block;
 margin-left:0px;
}
#social li ul li{
display:block; 
position:relative;
padding:0px;
}


#cabecera{
background:url('../images/fulliz2.jpg') no-repeat;
width:657px;
height:200px;
background-color:rgba(0,0,0,0.9);
margin: auto;
margin-top:20px;
margin-bottom:20px;
padding-top:20px;
}

.normal{
color:#000;
background-color:#09f;
padding: 10px 20px;
margin-left:-20px;
position:relative;
width:30%;
box-shadow: 1px 1px 5px #000;
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
}

.sinbordes{
color:#0037c2;
margin-top:5px;
background-color:rgba(240,228,0,1);
padding: 10px 20px;
margin-left:-25px;
position:relative;
width:80%;
box-shadow: 1px 1px 5px #000;
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
}

.tpiepagina{
color:#0037c2;
margin-top:5px;
background-color:rgba(240,228,0,0.6);
padding: 10px 20px;
margin-left:-25px;
position:relative;
width:80%;
}

.htitle{
color:#2e1ab0;
}

.forma{
color:rgba(0,0,0,1);
width:0px;
height:0px;
line-height:0px;
border-left:20px solid transparent;
border-top:10px solid rgba(44,148,46,1);
position:absolute;
top:100%;
left:0px;
}

div#info{
position: abosolute;
overflow:hidden;
margin-top:41px;
width:657px;
height:80px;
background-color:rgba(255,255,255,0.7);
opacity:0;
padding:20px;
}

#cabecera:hover div#info{
opacity:1;
}
#defaultCountdown 
{
 width: 240px; height: 45px; 
 }

p#headline{
text-align:center;
font-size:21px;
}


#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 980px; 
    height: 466px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}