/*****************************************
  Titulo:sil.css
  Desarrollo CSS: César Rotela
  Email: cesar.rotela@gmail.com
  Obs: Estilos generales del sitio,
  utilización de "progressive enhancement".        
******************************************/

/*****************************************
              :wrapper-principal
******************************************/
#wrapper-principal { width:940px; margin:0 auto;}

/*****************************************
              :wrapper-header
******************************************/

#wrapper-header .wrapper      { width:940px; margin:0 auto; padding:10px 0; overflow:inherit}
#wrapper-header .wrapper h1   { width:940px; height:157px; margin-bottom:0px; background:url(../img/logo_sil.jpg) no-repeat;
                                position:relative;}
#wrapper-header .wrapper h1 a { width:100%; height:157px; position:absolute;}

/*****************************************
              :wrapper
******************************************/

.wrapper { width:940px; margin:0 auto; overflow:hidden;}

/*****************************************
              :wrapper-content
******************************************/

#wrapper-content                    { width:940px; margin:0 auto 10px; overflow:hidden; background-color:#fff;}
#wrapper-content #sidebar           { float:left; width:300px; margin-right:20px;}
#wrapper-content #sidebar h6        { font-family:Arial, Helvetica, sans-serif; font-style:italic; text-align:right; color:#33241A}
#wrapper-content #sidebar img       { display:block; margin-bottom:3px;}
#wrapper-content #sidebar .box-menu { background: #7A6A58 url(../img/bg_sidebar.jpg) no-repeat bottom left;}
#wrapper-content #sidebar #menu     { margin:0; padding:20px 26px 20px 0; list-style:none;}
#wrapper-content #sidebar #menu li  { margin-bottom:12px;}
#wrapper-content #sidebar #menu a   { font-family: Georgia, "Times New Roman", Times, serif; color:#fff; text-align:right; font-size:16px;
                                      display:block; height:24px; line-height:24px; background:url(../img/link-img.gif) no-repeat right center; padding-right:20px;
							          text-decoration:none; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);}  

#wrapper-content #sidebar #menu2    { margin:0; padding:20px 26px 10px 0; list-style:none; border-top:3px solid #8C7B67;}
#wrapper-content #sidebar #menu2 li { margin-bottom:12px;}
#wrapper-content #sidebar #menu2 a  { font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; color:#33241B; text-align:right;
                                      display:block; height:24px; line-height:24px; background:url(../img/link-img2.gif) no-repeat right 8px; padding-right:20px;
							          text-decoration:none; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);} 

#wrapper-content #sidebar #menu a:hover,
#wrapper-content #sidebar #menu2 a:hover { color:#E6B800}

#wrapper-content #content         { float:left; width:620px;}
#wrapper-content #content .fecha  { color:#8C7B67; font-style:italic; text-align:right; font-family:Arial, Helvetica, sans-serif;}
#wrapper-content #content .msje   { background:url(../img/bg_msje.jpg) repeat-x; margin-bottom:0; padding:20px 15px;
                                    text-align:center; color:#8C7A66; line-height:1.5;}
									
/*****************************************
              :tablas
******************************************/

.table1          { border-bottom:1px solid #EDEDED; margin-bottom:20px; background:url(../img/bg-table.jpg) repeat-x top left;} 
.table1 thead td { font: bold 12px Arial, Helvetica, sans-serif; color:#333; padding:12px 7px; border-bottom:2px solid #EBEBEB;}
.table1 tbody td { font: normal 12px Arial, Helvetica, sans-serif; color:#666; padding:5px; 
                   vertical-align:top; border-bottom:1px solid #E5E5E5}
.table1 a        { color:#666;}

.table1 a:hover  { color:#000;}

.table2          { font: bold 12px Arial, Helvetica, sans-serif; width: 100%; text-align: left; border-collapse: collapse;
                   margin-bottom:20px; border-top:1px solid #E4E4E4; }

.table2 td       { padding: 5px 5px; color: #333; border-bottom: 1px solid #E4E4E4;}

.table2 .theader { width:130px; text-align:right; vertical-align:middle; color:#fff; background-color:#786956; }

.document        { display:block; width:26px; height:26px; background:url(../img/documents.gif) no-repeat; cursor:pointer;}



 
/*****************************************
              :footer
******************************************/

#wrapper-footer          { width:940px; margin-bottom:10px; border-top:5px solid #E1DFDD; background-color:#F4F3F2; 
                           border-bottom:5px solid #E1DFDD;}
#wrapper-footer .wrapper { width:900px; padding:10px 20px;}
#wrapper-footer p:first-of-type { background:url(../img/link-img3.gif) no-repeat left 3px; }
#wrapper-footer p        { padding-left:10px; font-size:13px; line-height:1; color:#6C5D4C; background:url(../img/link-img3.gif) no-repeat left center;}
#wrapper-footer a        { color:#705F4E;}
#wrapper-footer address  { width:280px; float:left; margin-right:20px; font:11px/1.5 bold Arial, Helvetica, sans-serif; color:#A59D92;}
#wrapper-footer address a img { margin-top:10px; display:block;} 
#wrapper-footer .box1    { width:230px; padding:15px 20px; background:url(../img/bg_box.jpg) repeat-x top left;}
#wrapper-footer .box1 ul { margin:0 0 5px 0; padding:0px; list-style:none}
#wrapper-footer .box1 li { color:#705F4E; height:20px; line-height:20px; padding-left:25px}
#wrapper-footer .box1 li:nth-child(odd) { background:url(../img/icono1.gif) no-repeat center left;}
#wrapper-footer .box1 li:nth-child(even){ background:url(../img/icono2.gif) no-repeat center left;}

/*****************************************
              :formulario
******************************************/

.form                            { overflow:hidden; padding:10px; margin-bottom:10px; border:1px solid #7D6D5A;}
.form label                      { display:block; margin-bottom:5px; font-weight:bold; color:#666;}
.form input[type="text"],
.form select                     { margin-bottom:10px;}
.form input:focus                { border:2px solid #634E0C;}
.form input[type="submit"]:focus { border:none;}

/*****************************************
              :botones
******************************************/

.search       { display:block; width:158px; height:23px; cursor:pointer; border:none; background:url(../img/btn_buscar.jpg) no-repeat top left;}
.search:hover { background:url(../img/btn_buscar.jpg) no-repeat bottom left;}

a.btn1        { padding:5px 10px; line-height:23px; color:#fff; text-align:center; text-decoration:none; font-weight:bold;
                cursor:pointer; border:none; background: url(../img/btn_1.jpg) repeat-x top left;}
				
a.btn1:hover  { background:url(../img/btn_1.jpg) repeat-x bottom left;}

.img          { float:left; border:1px solid #E8E8E8; padding:5px; margin:0 10px 10px 0;
                -moz-box-shadow:1px 1px 2px rgba(0,0,0, 0.1);
				-webkit-box-shadow:1px 1px 2px rgba(0,0,0, 0.1);
				box-shadow:1px 1px 2px rgba(0,0,0, 0.1);
			  } 

/*****************************************
              :tooltip
******************************************/

#easyTooltip{
	margin:0 10px 1em 0;
	width:350px;
	padding:8px;
	background:#fcfcfc;
	border:1px solid #e1e1e1;
	line-height:1.2;				
}

#easyTooltip p   { margin:0 0 5px 0; line-height:1.3;}		
#easyTooltip img {
		background:#fff;
		padding:1px;
		border:1px solid #e1e1e1;
		float:left;
		margin-right:10px;
}		

#easyTooltip strong { color:#F00; font-weight:bold;}

#link   { cursor:pointer; font-size:11px; padding:2px 5px; margin-left:5px; background-color:#634E0C; color:#fff; font-weight:bold;} 
#item   {display:none;}         

.Estilo4 {color:#990000; font-weight: bold; }
.Estilo5 {color:#336633; font-weight: bold; font-style: italic; }