/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-dic-2014, 12:33:33
    Author     : rosol
*/
@charset "utf-8";
/*CSS Document*/
/*poner el reset*/
body{
    background: #FFFFE0;
}
#secti01{
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;

}

#cajauno{
    float: left;
    width: 24%;
    border: 1pt #909db3 solid;
    border-radius: 5px;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    box-shadow: rgb(150,150,150) 2px 2px 5px;
    background-color: #F0F3F0;
    
}

#cajauno article p, #cajauno p{
    font-size: 0.7em;
}


#cajados{
    float: left;
    width: 70%;
    
    font-size: 1em;
    color: #000190;
    border: 1pt #909db3 solid;
    border-radius: 5px;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    box-shadow: rgb(150,150,150) 2px 2px 5px;
    
}
#cajatres{
    float: left;
    width: 100%;
    height: auto;
    color: #000190;
    border: 1pt #909db3 solid;
    border-radius: 5px;
    margin: 10px auto;
    padding: 10px;
    box-shadow: rgb(150,150,150) 2px 2px 5px;
    
}

article{
    width: 90%;
    margin: 0px auto;
}
.imagedes{
     border: 1pt #909db3 solid;
     border-radius: 5px;
     box-shadow: rgb(150,150,150) 2px 2px 5px;
     margin: 0px 10px;
}
 h3{
    text-align: center
}
hr{
    display: block;
    margin: 1em auto;
    border-style: inset;
    border-width: 1px;
}

.mejora131{
    border: 1pt #909db3 solid;
    border-radius: 5px;
    width: 90%;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    box-shadow: rgb(150,150,150) 2px 2px 5px;
    background-color: #F0F3F0;
}

.mejora200{
    
    font-size: 1em;
    color: #000190;
    border: 1pt #909db3 solid;
    border-radius: 5px;
    width: 90%;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    box-shadow: rgb(150,150,150) 2px 2px 5px;
}

#mejora600{
    
    font-size: 22px;
    color: #585858;
    border: 0pt #ae321a solid;
    border-radius: 10px;
    width: 90%;
    height: auto;
    margin: 10px auto;
    padding: 5px;
}

.mejora1100{
    
    font-size: 18px;
    color: #585858;
    border: 1pt #2D3F71 solid;
    border-radius: 10px;
    width: 90%;
    height: auto;
    margin: 5px auto;
    padding: 10px;
}

.desmejora{
    font-size: 0.6em;
    padding: 0px 15px 0px 30px;
}

.container {
    float:left; 
    width:100%; 
    overflow:hidden;}
    
#menu2 {
	padding:0; 
	margin:2em auto; 
	list-style-type:none;
	float:left;
	position:relative; 
	left:50%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: red;
  }

#menu2 li {
	float:left; position:relative; right:50%;
}

#menu2 a {
	
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	background-color: #CCCCFF;
	width:auto;
	display:block;
 	padding:4px 4px;
	text-decoration:none;
}

#menu2 a:hover {
	color: #FFF;
	background-color: #666;
	border-bottom-width: 1px;
	border-bottom-color: #CC9933;
	border-top-width: 1px;
	border-top-color: #CC9933;
}
.button1 {
   display: -moz-inline-stack;
   display: inline-block;
   width: 5em;
   height: 1.4em;
   margin-top: 10px;
   margin-bottom: 10px;
   line-height: 1.1em;
   vertical-align: text-middle;
   text-align: center;
   color: #2D3F71;
  
   font-size: 1.4em;
   font-weight: bold;
   font-style: normal;
   cursor: pointer;
}
.embed-container { 
    position:absolute;
    top: 100px;
    margin:0 auto; 
    padding-left: 10%;
    padding-bottom:70%; 
    padding-top:30px; 
    height:auto; 
    width: 80%;
    overflow:hidden; 
    max-width:100%; 
    height:auto; 
} 

.embed-container iframe, .embed-container object, .embed-container embed {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    border:none; 
}
#pie {
  clear: both;
  text-align: center;
  padding: 3px;
  border-top: 2px solid #999999;
}
#pie img{
    float: right;
}

/*Borders*/
#te, #le, #re, #be {
	position: fixed;
	z-index: 10;
	background-color:#FFFFE0;
	display: block;
}

#te {
	height: 25px;
	left: 0;
	right: 0;
	top: 0;
}

#te b {
	display: block;
	height: 31px;
	position: absolute;
	left: 5%;
	right: 5%;
	background: url(images/logorey200_W250x31.png) no-repeat;
	}

#be {
	height: 20px;
	left: 0;
	right: 0;
	bottom: 0;
}
#le {
	width: 10px;
	left: 0;
	bottom: 0;
	top: 0;
}

#re {
	width: 10px;
	top: 0;
	right: 0;
	bottom: 0;
}
.page {
	margin: 0 8%;	
	}
     
.padd{         
     }
     .padd img{
         margin-top: 25px;
     }