
html {
	background: url(images/html_bg.jpg) repeat;
}
body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #fff;
	background: url(images/page_bg.jpg) repeat-x  center top;
	width: 100%;
	display: table;
}
.container {
		width: 900px;
    	margin-left: 50px;
		margin-right: auto;
		height: 25px;
	}
	

a:link, a:visited { color: #008800; text-decoration: none; } 
a:active, a:hover { color: #CC0000; text-decoration: none }

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #86c111;
	background: url(images/h1.jpg) no-repeat;
	background-position: left;
	height: 48px;
	padding-left: 38px;
	padding-top: 20px;
	
}
h2 {
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	height: 26px;
	background: url(images/h2.jpg) repeat-x;
}

h5 {
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	height: 29px;
	background: url(images/h5.jpg) repeat-x;
}
h6 {
	font-size: 13px;
	font-weight: bold;
	color: #86c111;
	background: url(images/h1.jpg) no-repeat;
	background-position: left;
	height: 48px;
	padding-left: 8px;
	padding-top: 20px;
	
}
h7 {
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	height: 30px;
	background: url(images/h5.jpg) repeat-x;
}

#sis_container {
	width: 900px;
	margin: auto;
}
#sis_topsection {
	float: left;
	width: 900px;
	height: 108px;

}
#sis_topsection_title {
	float: left;
	width: 300px;
	font-size: 22px;
	font-weight: bold;
	margin-top: 20px;
	height: 34px;
	padding-top: 10px;
	padding-left: 55px;
	background: url(images/logo.png) no-repeat;
}
#sis_topsection_title img {
	float: left;
}
.sis_topmenu{
	float: right;
	margin-top: 30px;
}

.sis_topmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.sis_topmenu li{
	display: inline;
}

.sis_topmenu li a{
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width: 80px;
	height: 14px;
	margin-left: 10px;
	padding-top: 3px;
	background: url(images/top_button.png) no-repeat;
}


.sis_topmenu li a:hover, .sis_topmenu li .current{
	color: #fff;
	background: url(images/top_current.png) no-repeat;
}

#sis_left_column {
	float: left;
	width: 323px;
}
#sis_left_top {
	float: left;
	width: 323px;
	height: 219px;
	background: url() no-repeat;
}
.sis_leftmenu {
	float: left;
	width: 260px;
	margin-top: 0px;
}
.sis_leftmenu ul {
	list-style-type: none;
	padding-left: 70px;
	margin:0px;
}
.sis_leftmenu li a {
	display: block;
	height: 23px;/*cambio de tamaño cuadro de menú*/
	font-size: 12px;
	font-weight: 600;
	color: #3c4826;
	background: url(images/menu_button.gif);
	border: 2px solid #8C8C8C;
	border-radius: 2px;
	color: white;
	padding: 8px 1px;
	margin-bottom: 3px;
	transition: background-color 0.3s;
	
}
.sis_leftmenu li a:hover, .sis_leftmenu li .current {
	background-color: #8C8C8C;
	color: #000;
	font-weight: 600;
}
#sis_right_column {
	float: right;
	width: 577px;
	background: url(images/right_bg.png) repeat-y;

}
#sis_right_top {
	float: left;
	margin: auto;
	width: 577px;
	height: 219px;
	background: url() no-repeat;
}
#sis_right_mid {
	float: left;
	width: 446px;
	margin: 0px auto;
	background: #fff;
	color: #666666;
	padding: 0px 45px 0px 45px;
	text-align: justify;
}
#sis_right_mid2 {
	float: left;
	width: 446px;
	margin: 0px auto;
	background: #fff;
	color: #666666;
	padding: 0px 45px 0px 2px;
	text-align: justify;
}
#sis_right_mid img {
	float: right;
	padding-left: 10px;
}
#sis_right_mid strong {
	float: right;
	padding-right: 60px;
	background: url(images/star.jpg) no-repeat;
	background-position: right;
	color: #eec400;
}
#sis_right_bot {
	float: left;
	margin-top: 0px;
	padding-top: 50px;
	width: 561px;
	height: 25px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	background: url(images/right_footer.jpg) no-repeat;
}

.button {
	font-family: Tahoma, "Arial Black";
	float: left;
	width: 165px;
	padding: 10px 0px 0px 50px;
	margin: 20px 0px 0px 50px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	height: 30px;
	background: url(images/h3.png) no-repeat;
}
.check {
	float: left;
	width: 323px;
	text-align: center;
}

#share{
	text-align: justify;
}



#contenedor{
	width: 95%;
	margin:0;
	padding:10px 50px 50px 80px;
	text-align:justify;
	width: 970px;
	
	font-weight:bold
	
}
  #content { width: 96%; padding: 0 2%; float: left;
  background: linear-gradient( 120deg, #CEF9CE, #FAFBFA  ); opacity: 0.9;
      color:#CC0000;
      position:auto;
      text-align:center;
      top:50px;
      font-size:25px;
      font-weight:bold;
     
 }
 .trans{
      
    }

#menu{
	text-align:justify;
	font-size: 20px;
	font-weight: bold;
	width: 190px;
	float: left;
}

#menu a{
	display: block;
	background-image: url(../img/bg_menu1.png);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 15px;
	margin: 5px;
	color: #ffffff;
	text-decoration: none;
}

#menu a:hover{
	display: block;
	background-image: url(../img/bg_menu.png);
	background-repeat: no-repeat;
	padding: 15px 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 0;
	color: #3c9d0b;
	text-decoration: none;
}

#contenido{
	padding: 10px 10px;
	text-align:justify;
	width: 880px;
}


#cuerpo{
	position: relative;
	padding-right: 10px;
	text-align:justify;
	width: 650px;
	float: right;

}

#cuerpo p{
	color: #436244;
	font-size: 15px;
	font-weight: bold;
	text-align: justify;
}

/* Marco Juridico*/
#p-marco-juridico {  width: 98%; margin: 20px 0 0 0;word-wrap: break-word;  }
#p-marco-juridico ul { list-style: none; width: 100%; height: auto; display: table; margin: 0px; padding: 0px; }
#p-marco-juridico ul li { width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; outline: 0px solid black; border-bottom: 1px solid #CCCCCC; }
#p-marco-juridico ul li h2 {color: #75706E;font-size: 16px;font-weight: bold; line-height: normal; margin: 0 0 5px 0; padding: 0px; }
#p-marco-juridico ul li h3 { font-size: 13px; color: #6D6E71; font-weight: normal;line-height: normal; margin: 0 0 5px 0; padding: 0px; }
#p-marco-juridico ul li h3 span{ margin: 0 10px 0 0; }
#p-marco-juridico ul li h3 a{color: #A64B0A; }
#p-marco-juridico ul li h4{ font-size: 13px; color: #6D6E71; font-weight: normal; line-height: normal; margin: 0px; padding: 0px; }
#p-marco-juridico ul li h4 span{ margin: 0 5px 0 5px; }


#p-marco-juridico ul ol { margin: 2% 0 0 5%; list-style: circle;  }
#p-marco-juridico ul ol li h2 { font-size: 12px; }

@media (max-width: 480px)
{
 #p-marco-juridico {  width: 96%; margin: 20px auto 0 auto; }
 #p-marco-juridico ul { list-style: none; width: 96%; height: auto; display: table; margin: 0px auto; padding: 0px; }
}

/* Contenido */
.p-contenido { width: 98%; margin: 20px 0 0 0;  }
.p-contenido img {margin: 0px 0 20px 0;  }
.p-contenido h2{ color: #666666;  font-size: 16px;  }
.p-contenido p{ color: #6D6E71;  text-align: justify;   }

.p-contenido ul {
		margin: 0 0 0 0; padding: 0px;
		height: auto; display: table;
		text-align: justify;
	}
	.p-contenido ul li{
		list-style-image: url(../img/vinetas/vineta-mas.png);
		margin: 0 0 10px 30px;
		padding: 5px 0 0 0;
	}
	.p-contenido ul li a{
		color:#333;
    	font-size: 14px;
	}
	
	
	table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:5px;
    color:#fff;
	text-align: center;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 thead tr{
    padding:5px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(,192,67) 2%,
        rgb(,198,66) 51%,
        rgb(,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.table1 thead tr:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
	    border-right:3px solid #9ED929;
    padding:0px 0px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

.table1 tfoot td{
    color: #9CD009;
    font-size:16px;
    text-align:center;
    padding:0px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:0px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png)
}


