/* Cookies */
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-top:25px;
    width:100%;
    text-align:center;
    min-height:75px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:10%;
}
 
.inner a.ok {
    padding:4px;
    color:#ffd600;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}

/* CSS Document */


INPUT { 
	BORDER-BOTTOM: #5C72A9 1px solid; 
	BORDER-LEFT: #5C72A9 1px solid;
	 BORDER-RIGHT: #98A6C9 1px solid;
	 BORDER-TOP: #98A6C9 1px solid; 
	background: #ffffff;
	COLOR: #000000;
	 FONT-FAMILY: Arial;
	 FONT-SIZE: 15px;
}


Textarea { 
	BORDER-BOTTOM: #5C72A9 1px solid; 
	BORDER-LEFT: #5C72A9 1px solid;
	 BORDER-RIGHT: #98A6C9 1px solid;
	 BORDER-TOP: #98A6C9 1px solid; 
	background: #FFffFF;
	COLOR: #0000000;
	 FONT-FAMILY: Arial;
	 FONT-SIZE: 15px;
}

Select { 
	BORDER-BOTTOM: #5C72A9 1px solid; 
	BORDER-LEFT: #5C72A9 1px solid;
	 BORDER-RIGHT: #98A6C9 1px solid;
	 BORDER-TOP: #98A6C9 1px solid; 
	background: #FFffFF;
	COLOR: #000000;
	 FONT-FAMILY: Arial;
	 FONT-SIZE: 15px;
}



#active_menu {
	color:#FFCC00;
	font-weight: bold;
}

a#active_menu:hover {
	color: #E15704;
}

/** old stuff **/
ul
{
margin: 0;
padding: 0;
list-style: none;
}

td {
/**	text-align: left; **/
	font-size: 16px;
/** line-height: 14px; **/
}



body {
	margin: 0px;
	height: 100%;
	padding: 0px;
    	font-family: Century Gothic, Trebuchet MS, Verdena, Arial, Helvetica, Sans Serif;
	font-size: 16px;
	color: #222222;
/* 	background: #ffffff;*/
background:url(graficos/fondopiropos.jpg) #ffffff repeat-x scroll center top ; 
}

/* mambo core stuff */
a:link, a:visited {
	color: #990033; text-decoration: none;
	
}

a:hover {
	color: #990033;	text-decoration: none;

}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 16px;
/*	font-weight: bold;*/
	color: #990033; 
	text-align: left;
	padding-top: 5px;
	padding-left: 16px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #333333;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;
	text-align: left;
}

a.sublevel:hover {
	color: #C43C03;
	text-decoration: none;
}
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  text-transform: normal;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

.punteado{ 
  border-style: dashed; 
   border-width: 3px; 
   border-color: #EBCBFE; 
   background-color: ffffff; 

} 

.punteadoverde{ 
  border-style: dashed; 
   border-width: 2px; 
   border-color: #C1C100; 
   background-color: ffffff; 
    font-size: 12pt; 
} 

.punteadorojo{ 
  border-style: dashed; 
   border-width: 2px; 
   border-color: #EAEAEA; 
   background-color: ffffff; 
    font-size: 12pt; 
} 

.punteadoblando{ 
  border-style: dashed; 
   border-width: 1px; 
   border-color: #6081A8; 
   background-color: ffffff; 

} 



.bordedashed{
   border: 1px dashed #660000;
}

.fotoborde {
padding:2px; 
width: 127px;
height: 127px;
   background-color: #ffffff; 
    border: 1px solid #c3c3c3;
}


#cuerpo{  

      margin:5px auto;


clear:both;  

	padding: 8px;




}  

#cuerpocentral{  
      margin:1px auto;
 
}  


#menu{  
margin:4px auto;
          
       
}  

#derecha{  
   margin:4px auto;
           
}  

#cabecera{  
 margin:2px auto;
width:100%;
        height:auto;  
}  

#cabeceralogo{   
    float:left;    
 margin:2px auto;
} 

.piropos:nth-child(even) { 
 
width:96%;

float:left;
padding: 9px;
/** height: 300px; **/
border-radius:7px; 
-moz-border-radius:7px; /* Firefox */ 
-webkit-border-radius:7px; /* Safari y Chrome */ 
border:1px solid #c3c3c3;
 background-color:#f2f2f2;  
 margin:8px 0;
  clear:both;  


}

.piropos:nth-child(odd) { 
 
width:96%;

float:left;
padding: 9px;
/** height: 300px; **/
border-radius:7px; 
-moz-border-radius:7px; /* Firefox */ 
-webkit-border-radius:7px; /* Safari y Chrome */ 
border:1px solid #c3c3c3;
 background-color:#FFFfff; 
 margin:8px 0;
  clear:both;  


}

.cienporcien { 
 

width: 98%;
float:left;
padding: 1px;
/** height: 300px; **/
 margin:1px 0;
  clear:both;  
}

.fotis{

max-width:95%;
height:auto;
}

/*************************************************************************************** Adaptar movil*/

@media screen and (min-width: 1000px) {
      #cuerpo{
                           width:1000px;
                           }



#cuerpocentral{ 
width: 1000px;
}

#menu
{
width:280px;
float:right;  
}

#derecha {
width:700px;
float:left;  
        } 


.logo{

max-width:100%;
height:auto;
}


}




@media screen and (max-width: 1000px) {


#cuerpocentral{ 
width: 100%;
}



      #cuerpo{
                           width:95%;

                           }

.logo{

max-width:100%;
height:auto;
}

#menu
{
width:25%;
float:left; 
}

#derecha {
width:70%;
float:right; 

        } 


}



@media screen and (max-device-width : 1000px) {    



#cuerpocentral{ 
width: 100%;
}




 #cuerpo{
width:95%;

                           }


.logo{

max-width:96%;
height:auto;
}


#menu
{
width:95%;
clear : both;
 
}

#derecha {
width:98%;
clear : both;

        } 
 }