/* Reset Global */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Iniciales */

html {
   font-size: 125%;
}
* {
   margin: 0px;
   padding: 0px;
}

/* Globales */
body {
   background-color: rgb(230, 198, 137);/*rgb(26, 58, 19);*/
   x_background-image: url("../imagenes/tapiz_1:10.png");
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size: 0.7em;
   line-height: 1.3em;
   background-attachment: fixed;
   background-repeat: repeat;
}
header, nav, section, article, footer {
   display: block;
}

footer {
   float: left;   
   margin: auto;
   margin-left: 40px;
   x_clear: both;
   x_float: none;
   position: fixed;
   x_left: 3px;
   bottom: 5px;
   background-color: rgba(0, 0, 0, 0.3);
   width: 800px;
   border-radius: 15px 15px 15px 15px;
   color: rgb(255, 204, 110);
   font-size: 0.8em;
   padding: 8px;
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
}
footer .f {
   width: 30%;
   float: left;
   padding-right: 5px;
   color: rgb(255, 204, 0);
   text-align: center;
}
footer .fc {
   width: 30%;
   float: left;
   color: rgb(255, 204, 0);
   text-align: center;
   border-right: 1px solid rgb(0, 70, 0);
   border-left: 1px solid rgb(0, 70, 0);
   font-style: italic;
}
footer ul {
   list-style-type: none;
   text-align: center;
   margin-top: 0px;
   padding-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
}
footer .fc ul li {
   text-align: center;
   margin-top: 0px;
   padding-top: 0px;
}
footer .fd {
   width: 30%;
   float: left;
   color: rgb(255, 204, 0);
   text-align: center;
   padding-left: 5px;
   x_padding-left-value: 5px;
   x_padding-left-ltr-source: physical;
   x_padding-left-rtl-source: physical;
}
a {
   outline: medium none;
}
#wrap {
   width: 890px;
   margin: auto;
   x_margin-top: 4px;
   x_margin-bottom: 4px;
   x_background-color: rgb(230, 208, 47);
   background-color: rgb(255, 255, 255);
   border-top: thin solid rgb(51, 102, 221);
   border-bottom: thin solid rgb(51, 102, 221);
   border-left: thin solid rgb(51, 102, 221);
   border-right: thin solid rgb(51, 102, 221);
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
   padding: 2px;
   bottom: 2px;
}
#bsup {
   background-color: rgba(220, 238, 147, 0.5);
   x_background-color: rgb(220, 238, 147);
   width: 880px;
   margin: 4px;
   x_clear:both;  
   position: fixed;
   float: right;
   x_top: 5px;
   x_left: 7px;
   x_right: 7px;
   z-index: 5;
   border-top: thin solid rgb(5, 10, 22);
   border-bottom: thin solid rgb(1, 10, 22);
   border-left: thin solid rgb(1, 10, 22);
   border-right: thin solid rgb(1, 10, 22);
   border-top-right-radius: 7px;
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}
#bsup img {
   float: left;
   x_position: fixed;
}
.mov {
   float: right;
   padding-right: 3px;
   x_position: fixed;
}
#logo {
   margin: 3px;
   float: left;
   x_background-color: rgb(120, 238, 247);
   background-color: rgba(120, 238, 247, 0.5);
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
   border-top: thin solid rgb(51, 222, 111);
   border-bottom: thin solid rgb(51, 222, 111);
   border-left: thin solid rgb(51, 222, 111);
   border-right: thin solid rgb(51, 222, 111);
   x_position: fixed;
   x_float: right;
   x_top: 5px;
   x_left: 7px;
   x_right: 7px;
   z-index: 5;
}
/* 
#logo h1 {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 3px;
   x_background-image: url("../imagenes/logo_3.png");
   height: 125px;
   width: 125px;
   text-indent: -9999px;
   background-color: rgb(220, 138, 247);
   border-top: thin solid rgb(51, 122, 1);
   border-bottom: thin solid rgb(51, 122, 1);
   border-left: thin solid rgb(51, 122, 1);
   border-right: thin solid rgb(51, 122, 1);
}
*/
#logo_img {
   margin: 3px;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 3px;
   x_background-image: url("../imagenes/logo_3.png");
   height: 125px;
   width: 125px;
   text-indent: -9999px;
   background-color: rgba(220, 138, 47, 0.5);
   x_background-color: rgb(220, 138, 47);
   x_border-radius: 15px 15px 15px 15px;
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
   border-top: thin solid rgb(51, 222, 111);
   border-bottom: thin solid rgb(51, 222, 111);
   border-left: thin solid rgb(51, 222, 111);
   border-right: thin solid rgb(51, 222, 111);
}
/*
border-radius: 15px 15px 15px 15px;
border-top: thin solid rgb(51, 102, 1)
border-bottom: thin solid rgb(51, 102, 1)
*/
#principal {
   x_margin-top: 80px;
   x_padding-right: 50px;
   padding-left: 50px;
   float: left;
   position: fixed;
   width: 665px;
   margin: 4px;
   margin-left: 150px;
   margin-top: 110px;
   x_background-color: rgb(20, 38, 247);
   background-color: rgba(20, 38, 147, 0.5);
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top: thin solid rgb(251, 122, 111);
   border-bottom: thin solid rgb(251, 122, 111);
   border-left: thin solid rgb(251, 122, 111);
   border-right: thin solid rgb(251, 122, 111);
   z-index: 5;
}
#principal ul {
   list-style-type: none;
   x_width: 400px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   float: left;
}
#principal ul .b1 {
   x_margin-right: 2px;
}
#principal ul .b2 {
   x_margin-right: 20px;
}
#principal ul li {
   float: left;
   height: 20px;
   width: 90px;
   padding-top: 1px;
   padding-bottom: 1px;
}
#principal ul li a {
   color: rgb(52, 25, 55);
}
#principal ul li p:first-letter {
   color: #ff1111;
   font-size: 1.2em;
   text-shadow: rgb(150,0,150) 3px 3px 5px;
}


#principal a:hover{
	background: #ff3311; /* old browsers */
	background: -moz-linear-gradient(top, #ff3311 0%, #ff3355 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3311), color-stop(100%,#ff3355)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3311', endColorstr='#ff3355',GradientType=0 ); /* ie */
	color: #ff3355;
}
.b1 a, .b2 a, .b3 a, .b4 a, .b5 a, .b6 a, .b7 a {
   x_display: block;
   height: 26px;
   x_width: 123px;
   background-repeat: no-repeat;
}
#principal ul li p:first-letter {
   color: #ff5500;
   font-size: 1.2em;
   text-shadow: rgb(0,150,0) 1px 3px 1px;
}


.b1 a, .b2 a, .b3 a, .b4 a, .b5 a, .b6 a, .b7 a {
   x_background-image: url("../imagenes/btn.png");
   margin-right: 1px;
   background-repeat: no-repeat;
   background-position: center top;
}

.b1 a:hover {
    background-position: center -26px;
}

.b2 a:hover {
    background-position: center -78px;
}

.b3 a:hover {
    background-position: center -131px;
}

.b4 a:hover {
    background-position: center -151px;
}

.b5 a:hover {
    background-position: center -171px;
}

.b6 a:hover {
    background-position: center -191px;
}

.b7 a:hover {
    background-position: center -210px;
}

#principal span {
   x_margin-top: -9999px;
   float: left;
}
.enlaces {
   x_color: rgb(255, 255, 255);
   color: rgb(10, 10, 10);
}
.enlaces a:hover{
   x_color: rgb(255, 255, 255);
   color: rgb(255, 255, 255);
}
.enlaces p:first-letter {
   color:#ff5500;
   font-size:1.1em;
   text-shadow: rgb(123,25,0) 1px 2px 1px;
}


#bsup .enlaces {
   color: rgba(10, 10, 10, 0.8);
}

#contenido {
   padding: 3px;
   padding-top: 19px;
   margin: 7px;
   margin-top: 145px;
   x_margin-bottom: 4px;
   x_background-color: rgb(230, 208, 47);
   background-color: rgb(225, 235, 245);
   border-top: thin solid rgb(51, 2, 221);
   border-bottom: thin solid rgb(51, 2, 221);
   border-left: thin solid rgb(51, 2, 221);
   border-right: thin solid rgb(51, 2, 221);
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

#contenido p:first-letter {
   color:#ff5500;
   font-size:1.7em;
   text-shadow: rgb(0,0,150) 3px 3px 5px;
}

.portada {
   height: 75px;
   padding: 0px;
   x_padding-left: 2px;
   margin: 10px;
   margin-top: 20px;
   margin-left: 137px;
   x_background-color: rgb(230, 208, 47);
   background-color: rgba(225, 235, 245, 0.7);
   border-top: thin solid rgb(151, 12, 21);
   border-bottom: thin solid rgb(151, 12, 21);
   border-left: thin solid rgb(151, 12, 21);
   border-right: thin solid rgb(151, 12, 21);
   border-top-right-radius: 7px;
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}


#article {
    margin-top: 3px;
    margin-bottom: 20px;
   background-color: rgba(25, 235, 245, 0.8);
   border-top: thin solid rgb(25, 12, 2);
   border-bottom: thin solid rgb(25, 12, 2);
   border-left: thin solid rgb(25, 12, 2);
   border-right: thin solid rgb(25, 12, 2);
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}

#imgsup {
    margin: 3px;
    padding: 3px;

   background-color: rgba(25, 235, 45, 0.8);
   border-top: thin solid rgb(2, 12, 21);
   border-bottom: thin solid rgb(5, 12, 21);
   border-left: thin solid rgb(5, 12, 21);
   border-right: thin solid rgb(5, 12, 21);
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}

#imgsup img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 3px 0px 0px;
    padding: 3px;
   background-color: rgba(125, 5, 45, 0.8);
   border-top: thin solid rgb(2, 12, 219);
   border-bottom: thin solid rgb(5, 12, 219);
   border-left: thin solid rgb(5, 12, 219);
   border-right: thin solid rgb(5, 12, 219);
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   width:840px;
   height:295px;
}

#icent {
    margin: 5px;
    padding: 3px;
    background-color: rgb(248, 188, 110);
    background-image: url("../imagenes/fondoicent.png");
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
   border-top: thin solid rgb(0, 0, 0);
   border-bottom: thin solid rgb(0, 0, 0);
   border-left: thin solid rgb(0, 0, 0);
   border-right: thin solid rgb(0, 0, 0);
}

.icent {
    width: 29%;
    float: left;
    margin: 0px 3px 0px 0px;
    padding: 10px 0px 10px 3%;
   border-top: thin solid rgb(100, 100, 100);
   border-bottom: thin solid rgb(100, 100, 100);
   border-left: thin solid rgb(100, 100, 100);
   border-right: thin solid rgb(100, 100, 100);
}

#txtp {
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
}

#txtpi {
    background-color: rgba(41, 213, 28, 0.1);
}

#txtpd {
    background-color: rgba(248, 93, 8, 0.3);
}

#txtpi, #txtpd {
    border-radius: 15px 15px 15px 15px;
    padding-right: 2%;
    padding-left: 2%;
    color: rgb(255, 255, 255);
    padding-top: 20px;
    display: table-cell;
    width: 45%;
    /*margin-top: 5px;
    margin-bottom: 5px
    margin-left: 5px;
    margin-right: 5px*/
   border-top: thin solid rgb(100, 100, 100);
   border-bottom: thin solid rgb(100, 100, 100);
   border-left: thin solid rgb(100, 100, 100);
   border-right: thin solid rgb(100, 100, 100);
}

#txtpb {
    float: none;
    margin-top: 10px;
    margin-bottom: 15px
}

#txtpi h2 {
    background-image: url("../imagenes/movil.png");
}
#txtpi h2, #txtpd h2 {
    color: rgb(255, 255, 255);
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    height: 105px;
    vertical-align: middle;
    text-align: center;
    line-height: 2em;
    margin-bottom: 25px;
    text-indent: -9999px;
}

#txtpi p, #txtpd p {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
   border-top: thin solid rgb(200, 200, 100);
   border-bottom: thin solid rgb(200, 200, 100);
   border-left: thin solid rgb(200, 200, 100);
   border-right: thin solid rgb(200, 200, 100);
}

/*
p {
    text-indent: 1.5em;
}
*/
.apis {
    font-weight: 700;
    color: rgb(255, 204, 0);
}

#txtpc {
    padding-right: 10px;
    padding-left: 10px;
}

#txtpd h2 {
    background-image: url("../imagenes/robot.png");
}
#txtpi h2, #txtpd h2 {
    color: rgb(255, 255, 255);
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    height: 105px;
    vertical-align: middle;
    text-align: center;
    line-height: 2em;
    margin-bottom: 25px;
    text-indent: -9999px;
}

#txtp #txtpd .txtpda p, #txtp #txtpd .txtpdb p, #txtp #txtpd .txtpdc p {
    text-indent: 0px;
}
#txtpi p, #txtpd p {
    margin-bottom: 15px;
}

.resaltado {
    font-size: 1.3em;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-weight: 700;
}

/*
#txtpb {
    margin-top: 10px;
    margin-bottom: 10px;
}
*/
#txtpb #txtpbi {
    width: 43%;
    background-color: rgba(0, 0, 0, 0.3);
    color: rgb(255, 204, 0);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    float: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 3px;
    height: 156px;
    min-height: 156px;
   border-top: thin solid rgb(100, 200, 200);
   border-bottom: thin solid rgb(100, 200, 200);
   border-left: thin solid rgb(100, 200, 200);
   border-right: thin solid rgb(100, 200, 200);
}

.enlaces {
    color: rgb(255, 255, 255);
}

#txtpb #txtpbd {
    width: 43%;
    background-color: rgba(4, 50, 110, 0.3);
    color: rgb(255, 204, 0);
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    float: left;
    min-height: 156px;
    padding-top: 8px;
    padding-right: 25px;
    padding-left: 25px;
    margin-left: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
   border-top: thin solid rgb(200, 200, 100);
   border-bottom: thin solid rgb(200, 200, 100);
   border-left: thin solid rgb(200, 200, 100);
   border-right: thin solid rgb(200, 200, 100);
}

#txtpb #txtpbd .rs {
    float: left;
    width: 33%;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 8px;
}

a img {
    border: 0px none;
}

#txtpb #txtpbd .rsc {
    float: left;
    width: 33%;
    border-right: 1px solid rgb(153, 153, 204);
    border-left: 1px solid rgb(153, 153, 204);
    text-align: center;
    margin-top: 20px;
    padding-bottom: 8px;
}


#txtpb #txtpbd .rs {
    float: left;
    width: 33%;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 8px;
}