/*
		colores

verde:#A2B549
Verde-OSCURO:#818F3A;
Blanco:#FFFFFE 
Gris: #f2eee7
rojo: #CC3333
rojo-oscuro: #A22828
naranja: #FE6229

*/
/*	ELEMENTOS BÁSICOS
___________________________________________________________________________________________*/
html { font-size: 70.5%; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; color:#55555; }
html, body{height:100%;}
body{background-color:#fbfbfb; line-height:1.5; color:#55555;}


/* TAMAÑOS BASE */
#contenido p { font-size:1.2em;}
#contenido h1 { font-size: 1.9em; }
#contenido h2 { font-size: 1.7em; }
#contenido h3 { font-size: 1.5em; }
#contenido h4 { font-size: 1.3em; }
#contenido h5 { font-size: 1.2em; }
#contenido h6 { font-size: 1em; }




a{text-decoration: none; color:#000;}
a:hover{ color:#CC3333;}
img{ margin:0px; padding:0px; border:none; display:block;}
#contenido h1{   margin: 10px 0 30px 0;}
#contenido h2{  font: bold 1.4em Arial, Helvetica, Geneva, sans-serif; letter-spacing: -.05em;}
/*#contenido h5{ color:#64A63B; height:22px;  background: repeat-x url(../imagenes/fondo-bold.gif) 0 0; padding:5px 0 0 5px;}*/

#contenido h5{  padding:5px 0 0 5px;}

.cont-naranaja h5 {color:#181419; height:22px;  background: repeat-x url(../imagenes/fondo-bold-naranja.gif) 0 0;}
.cont-naranaja strong { color:#ff6600}
.cont-naranaja h1 {color:#ff6600;  border-bottom:3px solid #ff6600; }

.cont-verde h5 {color:#222; height:22px;  background: repeat-x url(../imagenes/fondo-bold-verde.gif) 0 0;}
.cont-verde strong { color:#A2B549}
.cont-verde h1 { border-bottom:3px solid #A2B549; }

.cont-rojo h5 {color:#222; height:22px;  background: repeat-x url(../imagenes/fondo-bold-verde.gif) 0 0;}
.cont-rojo strong { color:#CC3333}
.cont-rojo h1 { border-bottom:3px solid #CC3333; }



thead th{ background-color:#818F3A; color:#fff;}
tfoot th{background-color:#F7F7F7; border:1px solid #E5E5E5;}



/*.portada{ width:96%; background-image: url(../imagenes/light.png);  background-color:#A2B549; border:1px solid #818F3A; font-weight:normal; color:#000; padding: 5px 10px;}*/
.portada{ width:90%; background-image: url(../imagenes/light.png);  background-repeat: repeat-x;  background-color:#F1F1F1; border:1px solid #CCC; font-weight:normal; color:#444; padding: 5px 10px; }
h2.subportada{ color:#CC3333; font-size:12px; margin:0; }

a.plus{ color:#CC3333; font-size:12px; font-weight:bold;}

.txtportada{ padding-left:10px; font-size:11px;}
.txtportada p{ margin:5px; }
h4 a{	
	font-size:11px;
	background-image: url(../imagenes/flecha.png);
	background-repeat: no-repeat;
	background-position:0 4px;
	padding-left:10px;
	margin:0;
	color:#444;
}
h4{margin:3px 0px 3px 10px;}

a img{ /* Image opacity */
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1.00 ;
opacity:1;
}

a:hover img { /* Image opacity when rolled over */
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity:0.70 ;
opacity:0.7;
}
/*style="opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=50); "*/




/*	CAJAS DERECHA/IZQUIERDA
___________________________________________________________________________________________*/
#caja_right{float:right; padding:5px 5px 10px 20px ; display:block;}
#caja_left{clear:right; float:left; padding:10px;}
/*	
___________________________________________________________________________________________*/


.img_right{ float:right; padding:5px;}
.img_left{ float:left; padding:5px 10px 10px 0;}
.img_center{ margin:auto;}
img.double-border { border:1px solid #f2eee7; padding:5px; -moz-border-radius: 7x; background:#FBFBFB; }
dt { font-weight:bold;}


/*	CAJAS BÁSICAS
___________________________________________________________________________________________*/

#contenedor{ height:100%; width:960px; margin:0 auto; }
	#cabecera{ height:50px; width:950px; padding-right:8px; }
	#menu{ height:40px; width:958px; background:url(../imagenes/menu.gif) top no-repeat; padding:0;}
	#img_portada{width:950px; height:298px; background:url(../imagenes/body_sombra.png) top repeat-y; padding-right:8px; }
		.form_login{ float:left; width:169px; font-size:11px; margin:0;}
		.form_login input{ width:70px; border: solid 1px #999; background-color:fbfbfb;}
			.submit{ background-color:#FFF; border: solid 1px #999; color:#333; width:50px; }
		#submenu{width:950px; height:30px; padding:0; margin:0; }
		.padremenu{line-height:30px; padding-left:15px;  font-size:16px; color:#8A9B0F;}
		#submenu a{ font-size:14px; font-weight:bold; color:#CC3333; margin-left:15px; line-height:30px; }
		#submenu a.submenuoff{font-weight:normal; padding-bottom:5px; border-bottom:1px solid #CC3333; }


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

/*              @ CONTENIDO             */

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

		
	#contenido{  width:950px; background:url(../imagenes/body_sombra.png) top repeat-y; padding-right:8px; }
	#contenido h1{font: bold 2.4em Arial, Helvetica, Geneva, sans-serif;}
/*
	#contenido ul{ list-style: none; width:410px;  background-color:#F7F7F7; margin:5px;  padding:20px 25px;  border: dotted 1px #E5E5E5; }
	#contenido li{ list-style: none; list-style-image:url(../imagenes/rombo.gif); padding-left:0px; margin:5px 0; }
*/

	#descripcion ul{ list-style: none; width:410px;  background-color:#F7F7F7; margin:5px;  padding:20px 25px;  border: dotted 1px #E5E5E5; }
	#descripcion li{ list-style: none; list-style-image:url(../imagenes/rombo.gif); padding-left:0px; margin:5px 0; }

	#descripcion .listaSencilla {list-style-image:none; width:auto; background-color:#FFF; border:none; }
	#descripcion .listaSencilla li {list-style-image:none; width:auto; list-style-type:disc;  }
	#descripcion .listaSencilla ul { padding:5px 25px; border:none; }
	#descripcion .listaSencilla ul li {list-style: none; list-style-image:url(../imagenes/rombo.gif); padding-left:0px; margin:5px 0; }
	/*#contenido strong{ color:#64A63B;}*/
	
	#detallecontenido{ padding:30px;}
	.fondo{ }
	.fondo h1{ color:#cc3333}
	
/**************************************/

/*              @ PIE             */

/**************************************/	
	
	#pie{ clear:both; width:958px; height:50px; background:url(../imagenes/bottom_sombra.png) top no-repeat; }
		#pie p{ text-align:right; color:#FFFFFF; font-size:0.9em; margin:0px; padding:10px 25px;}
		
		
		
/****************************

	referencias

**********************/
table.referencias{ border-collapse:collapse; font-size:12px; color:#000000; width:700px;  }
table.referencias thead th {background-image: url(../imagenes/light.png);   border:1px solid #818F3A; background-color:#A2B549; color:#000000; height:30px; text-align:left; padding-left:10px; }
table.referencias thead td { height:10px;  border-bottom: 2px solid #333;}
table.referencias tbody tr{ padding:10px; background-color:#F5f5f5;}
table.referencias tbody tr:hover{ background-color:#f2EEE7;}
table.referencias tbody td { border-bottom: 2px solid #333; padding:7px;  }
table.referencias tbody td a { color:#000000; font-size:14px;}	
table.referencias tbody td a:hover { color:#CC3333; }	

.borde-right{ border-right: 5px solid #333;  }	
.borde-left{ border-left: 5px solid #333;  }	
		
		
		
		
		
/****************************



**********************/
	div.clear { margin: 0; padding: 0; clear: both; }
	.borde-verde{
		border: 5px solid #558000;
	}
	.borde-rojo{
		border: 5px solid #cc3333;
	}
    div.forms {
		padding:10px;
		min-height:200px;
		border:1px solid #EEE;
    }
	
	.color-rojo{
		background-color:#CC3333;
	}
	.color-verde{
		background-color:#558000;
	}
	
    div.forms input[type="text"], div.forms input[type="password"], div.forms textarea {
      border: 1px solid #E6E6E6;
      background: #fff url(../imagenes/forms.png) no-repeat left top;
      font-size: 12px;
      font-family: Helvetica, Arial, sans-serif;
      padding: 3px 0;
      border-radius: 3px;
      /* propietary */
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      }
      
      div.inputs textarea {
        margin-left: 2px;
      }

      div.forms select {
        border: 1px solid #8FA2B8;
        background: #fff;
        font-size: 12px;
        font-family: Helvetica, Arial, sans-serif;
        /* propietary */
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
      }

      input[type="text"]:focus, textarea:focus, input[type="password"]:focus {
        background-color: #E2FAFE;
        outline: none;
        } 

      input.error[type="text"], textarea.error {
        border: 1px solid #D34F75;
        background: #fff8f7 url(/images/ie/forms-error.png) no-repeat left top;
      }
      



   div.grilla {
        margin: 0 auto 10px 0;
        width: 100%;
      }
	  
	  div.grilla div.labels {
          float: left;
          width: 30%;
          margin-top: 2px;
        }
          div.grilla div.labels label {
            color: #333;
            font-size: 13px;
            display: block;
            text-align: right;
            margin-right: 10px;
          }
    div.grilla div.labels p {
            color: #555;
            font-size: 11px;
            line-height: 14px;
            margin: 0 10px 15px;
            text-align: right;
          }

          div.grilla div.inputs {
            float: left;
            width: 70%;
          }
          
          
          div.grilla div.inputs textarea {
            
            padding: 3px 0;
          }

            div.grilla div.inputs label {
              color: #555;
              font-size: 12px;
              margin: 0 0 3px -3px;
            }

            div.grilla div.inputs label.block {
              display: block;
              margin-top: 4px;
            }

            div.grilla div.inputs label.inline {
              display: inline;
              padding-right: 10px;
            }

            div.grilla div.inputs p, div.grilla div.inputs ol, div.grilla div.inputs ul {
              color: #555;
              font-size: 12px;
              margin: 2px 0 0 0;
            }

            div.grilla div.inputs ol li, div.grilla div.inputs ul li {
              margin-bottom: 5px;
            }


            div.forms h4 {
              font-size: 12px;
              border-bottom: 1px solid #999;
              margin: 0 0 10px 0;
              padding: 0 0 5px 0;
            }


              div.forms table h4 {
                border: 0;
                margin: 0;
                padding: 0;
              }
              
              div.forms div.sendbutton input, div#modalfooter input, div#modalfooter button, table.cert-profile tr td input {
                font-family: Helvetica;
                color: #fff;
                background: #690 url(../imagenes/light.png) repeat-x right -8px;
                border: 1px solid #558000;
                text-shadow: #558000 0 -1px 0;
                font-weight: bold;
                font-size: 13px;
                padding-top: 4px;
                padding-bottom: 4px;
                /* propietary */
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                cursor: pointer;
                }

                 div.forms div.sendbutton input:hover, div#modalfooter input:hover, div#modalfooter button:hover, table.cert-profile tr td input:hover {
                    background-color: #558000;
                    border: 1px solid #446600;
                    text-shadow: #446600 0 -1px 0;
                  }
  
    div.forms div.grilla div.inputs label {
      color: #555 !important;
      font-size: 12px;
      font-weight: normal !important;
      margin: 0 0 3px -3px;
      width: 100%  !important;
      white-space: normal !Important;
    }
    
    div.grilla div.inputs label.block {
      display: inline;
      margin-top: 4px;
    }
    
    div.grilla div.inputs label.inline {
      display: inline;
      padding-right: 10px;
    }
    
    
    
    div.grilla div.inputs p, div.grilla div.inputs ol, div.grilla div.inputs ul {
      color: #555;
      font-size: 12px;
      margin: 2px 0 0 0;
    }
    
    div.grilla div.inputs p.sp {
      padding-top: 10px;
    }
    
    div.grilla div.inputs ol li, div.grilla div.inputs ul li {
      margin-bottom: 5px;
    }
  
  /* customs */
  
  div.inputs input#login, div.inputs input#email {
    width: 80%;
  }









div.menus {
  border: 2px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  /* propietary */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-box-shadow: 4px 4px 0px #8D98A5;
   -moz-box-shadow: 4px 4px 0px #8D98A5;
   -ms-box-shadow: 4px 4px 0px #8D98A5;

}