/*********** RESET *************/
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, sub, sup, tt, var,
dd, dl, dt, 
fieldset, form, label, legend
 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	
	border-spacing:1px;
	}
	
table caption {
	font:110% Verdana;
	color:#2966C2;
	
	
	
}

ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {

}
/*********** FIN RESET *************/



/*********** COMUN *************/
body {
	background:#fff;
	//*font: 16px/1.95em Calibri,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;*/

	margin:0;
	color:#333;
	padding-top:20px;
	padding-bottom:34px;
	border:3px solid #eee;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 16px;
  	line-height: 20px;
  	color: #333333;
  	background-color: #ffffff;
}

html {
	border-top:15px solid #f6f6f6;
	border-bottom:30px solid #f6f6f6;
	border-left:30px solid #f6f6f6;
	border-right:30px solid #f6f6f6;

	
}

* {
	margin:0;
	padding:0;
	outline:none;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

blockquote {

	margin: 10px 20px 10px 75px;
	padding:10px 10px 10px 10px ;


	
}
blockquote ul li{
	list-style:square;
	background-image:none;
	margin: 1px 1px 1px -30px;
	padding:1px 1px 1px 1px ;
	border-bottom: solid 1px #f6f6f6;
	
}
cite {
	font-size: 12px !important;
	font-style:normal;
	border: 1px solid #ddd;
	height: 80%;
	margin: 24px 24px 24px 24px;
	padding: 8px 8px 8px 55px;
	color: #444;
	background: url(../img/Libraryr.gif) no-repeat 6px 10px;
	background-color:#FFF;
	display:block;
}
small {
	font-size: 12px !important;
	font-style:normal;
	border: 1px solid #ddd;
	height: 80%;
	margin: 24px 24px 24px 24px;
	padding: 8px 8px 8px 5px;
	color: #444;
	background-color:#FFF;
	display:block;
}



/*********** COMUN *************/

/**********HEADER**********/

#header1 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/1.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#headerv {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image: url(../bgluimg/video_logo__normal.jpg);
	background-repeat:no-repeat;
	background-position: 90% 2%;
}
#header2 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/2.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header3 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/3.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header4 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/4.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header5 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/5.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header6 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/6.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header7 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/7.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header8 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/8.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}
#header9 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../img/tablas.png);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
	text-transform:uppercase;
}#header10 {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background-image:url(../Images/10.gif);
	background-repeat:no-repeat;
	background-position: 95% 5%;
	text-transform:uppercase;
}

#header1 h1, #header7 h1, #header8 h1, #header6 h1{
   font-family: "Calibri", Helvetica, Arial, sans-serif;
	font-size: 340%;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.0em;
	margin-bottom:3px;
	margin-left:35px;
	margin-right:13%; 
	color:#000;

}
 #header2 h1, #header3 h1, #header4 h1, #header5 h1, #header10 h1, #headerv h1 {
    font-family: "Calibri", Helvetica, Arial, sans-serif;
	font-size: 340%;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.0em;
	margin-bottom:3px;
	margin-left:35px;
	margin-right:13%; 
	color:#000;
}
#header9 h1 {
	font-family: "Calibri", Helvetica, Arial, sans-serif;
	font-size: 540%;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.0em;
	margin-bottom:3px;
	margin-left:35px;
	margin-right:13%; 
	color:#000;
}
#header1 h1 a, #header2 h1 a, #header3 h1 a, #header4 h1 a, #header5 h1 a, #header6 h1 a, #header7 h1 a, #header8 h1 a, #header9 h1 a, #header10 h1 a, #headerv h1 a {
	color:#2966C2;
	text-decoration:none;
}

#header .right {
	float:right;
}



/**********HEADER FINAL **********/


/********CONTAINER y CONTENT********/




#container {
	width:97%;
	margin:0 auto;
}

#content {
	width:75%;
	float:right;
	margin-bottom:5px;
}
#contentabla {
	width:95%;
	float:right;
	margin-bottom:5px;
}
#contenttb {
	width:75%;
	float:right;
	margin-bottom:5px;
}
#contenvi {
	width:85%;
	float:right;
	margin-bottom:5px;
	
}

.contentimg {
	
	margin:20px auto;
	display: block;
	width:100%;
    
}
.centimg {
	
	margin:0 auto;
	display: block;

    
}
.centimg2 {
	
	margin:0 auto;
	display: block;
	border:1px solid  #666;

    
}
.espimg {
	
	margin:10px auto;
	display: block;

    
}
.imgctit {
	width:685px;
	margin:0 auto;
	display: block;
}
* html .contentimg {
	
	margin:0 1px;
	display: block; 
}
* html .bloque { 
     width: 100%;
}

#content h2 {
	font-size: 32.5px;
	line-height: 36px;
	color:#045D99;
	background-color:#eee;
	border:1px solid #045D99;
	display:block;
	margin-bottom:10px;
	font-family:"Calibri",'Liberation Sans',FreeSans,sans-serif;
	
}       s

#content h2 a {
	color:#2966C2;
	text-decoration:none;
}
.h2subt {
	font-size:80% !important;
}

#content h3, #contenttb h3 {
	padding-left:13px;
	font-size: 24.5px;
	line-height: 30px;
	font-weight:normal;
	color:#0692EF;
	margin:16px 2px;
	font-family:"Calibri",'Liberation Sans',FreeSans,sans-serif;
}
#content h4, #contenttb h4{
	color: #9CE12E; /*#2a7a78 345566 #442B1E*/
	font-size: 20.5px;
	line-height: 25px;
	font-weight:bold;
	padding-left:20px;
	margin:16px 2px;
	font-family:"Calibri",'Liberation Sans',FreeSans,sans-serif;
	/*font-weight:400;
	border:1px solid #59A8D9;*/
	
}
.clsh4 {

	padding:0 12px 0 11px;
}
#content h5 {
	color:#628F88 /*#7585C2 #bcc98e*/;
	font-family:"Calibri",'Liberation Sans',FreeSans,sans-serif;
	margin: 20px 3px 15px 34px;
	font-size: 1.2em;
	font-weight:bold;
	line-height:1.1em;
	
	/*background-color:#D3E4F5;
	display: inline;
	font-weight:400;
	border:1px solid #59A8D9;*/
	
}
#content h6 {
	color:#F1057E;
	font-family:"Calibri",'Liberation Sans',FreeSans,sans-serif;
	margin: 7px 2px 0 34px;
	font-size: 1.1em;
	font-weight:bold;
	line-height:1.0em;
	
	/*background-color:#D3E4F5;
	display: inline;
	font-weight:400;
	border:1px solid #59A8D9;*/
	
}

#content p {
	font-size:16px;
	line-height:20px;
	margin:15px 15px 15px 25px;
	
	
}

#content p a, #content li a {
	color:#6697F2;
	text-decoration:none;
	
}


#content p a:hover {
	/*border:1px solid #6d99ca;*/
	background:#E1E6FA;
	color:#000;
}
#content ol a {
	color:#99CCFF;
	text-decoration:none;
	
	
}


#content ol a:hover {
	/*border:1px solid #6d99ca;*/
	background:#E1E6FA;
	color:#000;
}



#content strong {	
	font-weight:bold;
	color: #000;
	
	}
.subr {
	text-decoration:underline;
	text-decoration-color: red;
}
/******LISTAS ********/


#content ol     {
	list-style-type:decimal!important;
	font-size:16px;
	line-height:20px;
	padding-left:38px !important;
	margin: 6px 15px 6px 15px;
	
	} 

#content ul{
    margin: 1px 10px 4px 12px;
	padding-left:2px;
}


#content li  {
	margin: 7px 5px 6px 7%;
	line-height:20px;
	font-size:16px;
	

}
#contenttb li  {
	margin: 7px 5px 6px 7%;
	line-height:20px;
	font-size:16px;
	list-style: disc;

}
#contenttb ul li a {
	color: #6697F2;
	text-decoration:none;
}
#contenttb ul li a:hover {
	background:#E1E6FA;
	}

#content ul li a {
	color: #6697F2;
	text-decoration:none;
}

#content ul li a:hover {
	background:#E1E6FA;
	}
.listacir {
	list-style:disc;
}
.listacir2 {
	list-style:circle;
}

.lista2niv{
    list-style: circle outside !important;
	margin-left: 46px !important;
	padding-left: 0 !important;
}

.listaplu {
	background: url("../img/1.gif") no-repeat scroll 1px 6px;
	
	list-style:none !important;
	padding-left:23px!important;
	margin:1px 15px 4px 14px!important;


}
.listavert {
	background: url("../img/circlevert2.gif") no-repeat scroll 1px 6px;
	
	list-style:none !important;
	padding-left:23px!important;
	margin:1px 15px 4px 14px!important;


}
.listared {
	background: url("../img/circlered2.gif") no-repeat scroll 1px 6px;
	
	list-style:none !important;
	padding-left:23px!important;
	margin:1px 15px 4px 14px!important;


}
.listagrey {
	background: url("../img/circlegrey.gif") no-repeat scroll 1px 6px;
	
	list-style:none !important;
	padding-left:23px!important;
	margin:1px 15px 4px 14px!important;


}
.aplu {
	list-style:none;
	margin:1px 15px 4px 2px!important;


}
.lialfa {
	list-style:lower-alpha!important;
}

.listacu {
    list-style:none;
    background:url(../Images/bullet.gif) no-repeat 0 10px;
	border-bottom:1px solid #eee;
	padding:5px 15px;
}
.listacuy {
    list-style:decimal !important;
  	padding:8px 1px 0 1px;
	font-size:16px;
}
.listacu2 {
    list-style:none  !important;
	padding-bottom:7px;
  
}
.listacu3 {
    list-style:none;
    background:url(../Images/bullet.gif) no-repeat 0 18%;
	padding:0 15px;		
	
}
.listacu31 {
    list-style: square!important;
	margin-left: 1px !important;
	padding-left: 0 !important;	
	
	}
.listacu33 {
    list-style: square;
	margin-left: 28px !important;
   /* background:url(../Images/bullet.gif) no-repeat 0 5%;*/
	padding-left: 0 !important;


	
	}
.listacu33tabla {
    list-style: square;
	margin:1px 0 0 1px !important;
   /* background:url(../Images/bullet.gif) no-repeat 0 5%;*/
	padding: 0 0 0 0!important;
	font-size:14px !important;
	line-height:11px !important;
	
	}
	
	
.listacutbl {
    list-style: square;
	margin-left: 8px !important;
   /* background:url(../Images/bullet.gif) no-repeat 0 5%;*/
	padding-left: 0 !important;
	line-height:1.1em !important;
	text-align:justify;
	
	}
.listacutbl2 {
    list-style: circle;
	margin-left: 86px !important;
	padding-left: 12px !important;
	
	
	}
	.listacutbl3 {
    list-style: circle!important;
	margin-left: 28px !important;
   /* background:url(../Images/bullet.gif) no-repeat 0 5%;*/
	padding-left: 0 !important;
	line-height:1.1em !important;
	
	}
	.listtbl3 {
    list-style: circle!important;
	margin-left: 28px !important;
   /* background:url(../Images/bullet.gif) no-repeat 0 5%;*/
	padding-left: 0 !important;
	font-size: 14px!important;
	line-height: 16px!important;
	padding: 1px;
	
	}
	.listacu33a {
    list-style: decimal;
	margin-left: 28px !important;
   /* background:url(../Images/bullet.gif) no-repeat 0 5%;*/
	padding-left: 0 !important;
	
	
	}
.listacuas33 {
    
	margin-left: 15% !important;
    background:url(../Images/bullet.gif) no-repeat;
	background-position: 0 5px;
	padding-left: 12px !important;
	line-height:1.2em !important;
	
	}
	
	.listacu36 {
    list-style: square;
	margin: 0 0 1px 48px!important;	
	padding-left: 0 !important;
	font-size:1.1em;
	
	}
.listacuc6a {
    list-style:url(../img/bulletarrow.gif)!important;
	margin: 0 0 1px 16px!important;	
	padding-left: 3px !important;
	padding-top:3px;
	line-height:1.2em !important;
		}
	
.listacu4 {
    list-style:none;
    background:url(../Images/bullet.gif) no-repeat 0 15%;
	padding:5px 20px;
	line-height:18px;	
	font-family:Calibri,  "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	border:none;
}

.tittles2 {
	list-style:lower-latin!important;
		

}



/******FIN LISTAS ********/

/***********CLASES************/

.tituloimg {
	text-align:center;
	font-size:18px!important;
	padding-top:-2px!important;
	margin-top:0!important;
	color:#358CCE;
	
	}	
.caption {
	background: #333;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	font-family: Verdana;
	font-size: 11px;
	padding: 4px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	color: #eee;
}
img.right {
    float: left;
    margin: 3px 20px 20px 20px;
    display: block;
	
    }
img.borderimg {
    padding: 1px;
    border: 1px solid #ccc;
    }


p.about {
	border-top:3px solid #add8e6;
	border-bottom:3px solid #add8e6;
	color:#fff;
	background:#8EDF53;
	padding:10px;
}

p.about a {
	color:#fff;
}

.psangra {
   
	padding-left:50px!important;
	}
	
.psangra2 {
   
	padding-left:30px!important;
	}
	
.psang {
   
	padding-left:18px;
	margin: 8px 0 12px 0 !important;

	
	
	}
.aspsangra {
	margin:1px !important;


	}
.rimg {
    
	float: right;
	margin: 0 50px 10px 10px;
    border: 1px solid #666;
    padding: 1px;
	alignment-adjust:top;
}
.rimgs {
    
	float: right;
	margin: 0 50px 10px 10px;
    padding: 1px;
	alignment-adjust:top;
}
.rimgp {
    
	float: right;
	margin: 0 50px 30px 10px;
    border: 1px solid #666;
    padding: 1px;
	alignment-adjust:top;
}
.limga {
    
	float: left;
	margin: 0 20px 10px 10px;
    border: 1px solid #666;
    padding: 1px;
	alignment-adjust:top;
}
.rimge {
    
	float: right;
	margin: 30px 50px 20px 30px;
    border: 1px solid #666;
    padding: 6px;
}

.rimg2 {
    
	float: right;
	margin: 3px 5px 21px 24px;
    padding: 1px;
	display:inline-block;

   
	
}
.rimg22 {
    
	float: right;
	margin: 23px 5px 21px 24px;
    padding: 6px;
	display:inline-block;
}
.limg22 {
    
	float: left;
	margin: 1px 1px 20px 7px;
   
	
}
.rimg11 {
	clear:both;
    float: right;
	margin: 3px 30px 17px 20px;
    border: 1px solid #666;
    padding: 3px;
	display:inline !important;
}
.rimgg {
    
	float: right;
	margin: 20px 25px ;
    border: 1px solid #eee;
    padding: 10px;
}



.limg11 {
    
	float: left;
	margin: 3px 8px 10px 10px;  
    padding: 6px;
}

	


.rimg1 {
    
	float: left;
	display:block;
	width:50%;
	padding:0 !important;
	margin:0!important;
	
  
}
.clash4 {
	font-size:1.3em !important;
	color:#539ABF !important;
	font-weight:600;
}
.refin {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing:0.1px;
	line-height: 14px !important;
	padding:1px !important;
	color:#000!important;
	
}

.limgl {
    
	float: left;
}
.limgx {
    
	float: left;
	margin: 1px 20px 10px 20px;
    padding: 1px;
}
.limg {
    
	float: right;
	margin: 1px 10px 10px 10px;
    padding: 1px;
}
.limgli {
    
	position:relative;
	display:inline-block;
	margin: 1px 30px 10px 20px;
    padding: 1px;
	
}
.limgli2 {
	display:inline-block;
	position:relative;
	margin: 24px 1px 1px 1px;
    padding-top: 1px;
	
}

		
.ampl {
	font-size: 0.8em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight:bold;
	color:#545151;
	text-align:center;
}

.ampli {
	font-size: 0.9em !important;
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	margin: 3px 5px !important;
	
}
.amplis {
	color:#85add6;
	font-size: 0.8em !important;
	font-weight:100;
	letter-spacing:-1px;
	word-spacing:2px;
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	margin: 2px 0px !important;
	
}

.separate {
	width:100%;
	height:30px;

}
.tittles {
	font-size:1.1em;
	font-weight:bold;
	color:#2966C1;
	}
.tittles1 {
	font-size:1.0em;
	font-weight:bold;
	color:#5C91E0;
	padding-left:4px;

}
.tittles11 {
	font-size:1.0em;
	color:#5C91E0;
	padding-left:8px;

}
.tittles22 {
	font-size:1.1em;
	font-weight:bold;
	color:#303052;
	padding-left:28px;
	background: url(img/bullet.png) no-repeat 0 0;

}

.colornav {
	color:#39F;
	font-weight:bold;
	font-size:1.1em;
	margin-left:40px !important;
}
.colorna {
	color:#39F;
	font-weight:bold;
	font-size:1.1em;
	padding-top:20px !important;


}

.pre {
	white-space:pre;	
}

.white {
	
	background-color:#FFF;
	border: solid 1px #FFF
	}

.code strong {
	color:navy;		
}

.first {
	margin:0 200px;		
}
.left { 
		 float: left;
		 margin:5px 10px;
		  }

 /*******************  FIN CLASES*********************/
#caja {
width:90%;
display: none;
padding:5px;
border:2px solid #b7d8ee;
background-color:#f9f9f9;
}
#cajap {
width:75%;
display: none;
margin-left:25px;
border:2px solid #b7d8ee;
background-color:#f9f9f9;
}

#caja91 {
width:65%;
display: none;
padding:5px;
border:2px solid #b7d8ee;
background-color:#d2eaf6;
}
#caja51 {
width:90%;
display: none;
padding:5px;
border:2px solid #b7d8ee;
background-color:#E1EEF1;
}

/******************FIN COLLAPSABLES***************/



#tooltip {
	background-color: #d2eaf6;
	border: 2px solid #888888;
	color: #444;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	behavior: url(../js/PIE.htc);
	max-width: 20em;
	line-height: 12px;
}
#tooltip h3 {
	font-size: 1.0em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 0.8em;
	margin: 5px 0 0 5px;
	text-align: left;
}


/************TABLAS*****************/
table{

  border-spacing: 0px;
  margin:0 auto;
}

table tfoot {
  font-family: "calibri", Arial, monospace;
  font-size: 12px;
  padding-top:15px!important;
  font-weight:300;
}

table.listing {
	width:65%;
	background-color:#eff7fc;
	margin:0 auto;	
}

.pro {
	text-align:center!important;
	color: #000;
	font-size:1.0em!important;	
	padding:10px!important;
	background-color:#e5eef3;
	border-bottom: solid 1px #fff;
	border-right:solid 1px #fff;
	
	}
table.listing2 thead {
	
	border: solid 1px #FFF;
	padding-left:40px;
	margin-left:12px;
	background-color:#e5eef3;
	
	}
.listing2 td {
	text-align:left;
	padding:12px;
	font-size:1.0em;
	border-bottom: solid 1px #fff;
	border-right:solid 1px #fff;
	
	}



.odd1  {
	font-size:1.0em;
	text-align:left !important;
	background-color:#39C;
	color:#000;
	padding:5px;
	border: solid 1px #999;
}

/* api listings */
th.col1 {
	width:120px;		
}

td.code {
	color:blue;		
	width:120px;	
}

div.type {
	color:#789;
	font-family:"courier new",courier;
}

td.default {
	color:#345;
	width:80px;	
}

td.type {
	color:navy;		
}

td.code em {
	color:#666;
	font-style:normal;
}

td.description {
	color:#333;
	font-size:12px;
}

td.code i {
	font-style:normal;
	color:#666;
}
table.listing4 {
	width:80%;
	background-color:#eff7fc;
	margin:0 auto;	
}
table.listing4 thead {
	
	border: solid 1px #FFF;
	padding-left:40px;
	margin-left:14px;
	background-color:#e5eef3;
	
	}
	.pro4 {
	text-align:center!important;
	color: #000;
	font-size:1.2em!important;	
	padding:10px!important;
	background-color:#e5eef3;
	border-bottom: solid 1px #fff;
	border-right:solid 1px #fff;
	
	}
.listing4 td {
	text-align:left;
	padding:2px;
	font-size:1.1em;	
	border-bottom: solid 1px #fff;
	border-right:solid 1px #fff;
	
	}

/************ FIN TABLAS*****************/

 /******************COLUMNAS***********************************/ 
 .column {
	display: block;
	float:left;
	margin: 0 5px;
	overflow: hidden;
	padding-left:11px;
	width:45%;
	border-right:1px solid #eee; 
	
		
}
 .column2 {
	display: block;
	float:left;
	margin: 0 5px;
	overflow: hidden;
	padding-left:11px;
	width:43%;
		
}


.grid_1 { width:30%;
		  float:left;
		   }
.grid_2 { width:35%;
		  float:left; }
		  
.grid_3 { width:69%;float:left; }

.grid_4 { width:90%;
		  position:relative;
		  margin:2px 25px; }
		  
.grid_5 { width:98%;
display:inline-block; float:left; }
 
 /******************CAJA AZUL***********************************/

.roundcont {
	width: 500px;
	margin: 0 auto;	
}

.comment {
	background: transparent url(../img/commentbg.gif) no-repeat top left;
	width: 491px;
	padding: 15px 15px 0;
	float: left;
}
.comment p strong  {
	
	color: black;
}
.commentbottom {
	background: transparent url(../img/commentbottombg.gif) no-repeat;
	width: 521px;
	height: 6px;
	margin-bottom: 20px;
	display: block;
	float: left;
	
}
.comentarios h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 19px;
	color: #333;
	margin-bottom: 15px;
}
 
 /*******************  PAGINACION**********************/
div.pagination {
	
	clear:both;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	text-align:center;
	padding:40px 6px 4px 0;
	background-color:#fff;
	color:#313031;
	margin-top:20px;
}

div.pagination a {
	color:#0030ce;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
}

div.pagination a:hover, div.pagination a:active {
	color:#0066a7;
	border:1px solid #b7d8ee;
	background-color:#d2eaf6;
}
div.pagination span.current {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
	font-weight:bold;
	color:#444444;
	background-color:#d2eaf6;
}
div.pagination span.disabled {
	color: #ccc;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
}


 /******************* FIN  PAGINACION**********************/




/***************FOOTER**************************************/

#footer { 
	
	padding:25px 20px 35px 20px;
	margin-top:5px;
	border-top: 1px solid #e0e0e0;	
	line-height:75px; 
	
	 }	
#footer .right { 
		float: right;
		padding-bottom:10px;
		
		 }
#footer .left { 
		 float: left;
		 margin: 0 5px 0 0;
		  }
#footer a { 
		color: #808080;
		font-weight: bold;
		}
#footer .validate {
		
        margin: 0 auto;
		text-align:center;
		height:25px;
		font-size:0.9em;
		}	
.center {
	text-align:center;
	color:white !important;
	font-weight:bold;
}
		
/***************FIN FOOTER**************************************/
 .cajas11 {
	display: block;
	margin: 0 auto;	
	padding-left:11px;
	width:580px;
	border:1px solid #CCC;
	
		
}
 .cajas1l {
	margin: 0 auto;	
	padding-left:11px;
	width:90%;

	
		
}

 .cajas1 {
	display: block;
	margin: 0 auto;	
	padding-left:11px;
	width:80%;
	border:1px solid #CCC;
	
		
}
.cajas2 {
width:70%;
padding:1px;
border:2px solid #b7d8ee;
background-color:#E6F4FB;
margin:0 auto;
}
.cajas3 {
width:40%;
padding:1px;
border:2px solid #b7d8ee;
background-color:#E6F4FB;
margin:0 auto;
}


.bigrec {
	font-size:1.3em;
	padding-left:20px;
	
}

.plistas {
	
	margin:3px 35px !important;
	word-spacing:4px;
	font-family:Verdana, Geneva, sans-serif;
	
	}
.tittlesbox {
	
	font-size:1.2em;
	font-weight:bold;
	color:#2966C1;
	border:1px solid #444;
    background-color:#E1E6FA;
	display:block;
	text-align:center;
	width:100px;
    padding:6px;
	margin:19px 1px 20px 30px!important;
   
	}
	
	
.resalt {
	font-size:1.1em!important;
	color:#036;
}
.colorblue {
	color:#0649A0;
	font-size:1.0em;
	margin-left:25px !important;
}
.colorm {
	color:#7B0E47 /*#9d1a41*/!important;
	font-weight:bold!important;
	text-align:left;
	font-size:18px!important;
	word-spacing:-2px;
	margin-left:25px !important;
}
.colormg {
	color:#7B0E47 /*#9d1a41*/!important;
	font-weight:bold!important;
	text-align:left;
	font-size:18px!important;
	word-spacing:-2px;
	margin-left:25px !important;
}
.colorsm {
	color:#7B0E47!important;
	font-weight:bold!important;
	text-align:left;
	font-size:16px!important;
	word-spacing:-2px;
	margin-left:20px;
	display:block;
	
}

.colorvert {
	color:#476B00 !important;
	padding-left:62px !important;
}
.cjcolblue {
	width:88%;
	border:solid 4px #cee5e8;
	padding:2px 5px;
	margin:0 auto;
	background-image:
         }
.cjcolvert {
	width:78%;
	border:solid 4px #ade8d6;
	padding:2px 5px;
	margin:0 auto;
         }
.cjcolred {
	width:78%;
	border:solid 4px #e57d79;
	padding:2px 1px;
	margin:0 auto;
	
         }
.cjcolyel {
	width:78%;
	border:solid 4px #CF0;
	padding:2px 5px;
	margin:0 auto;
         }
.str {
	font-weight:700;
	font-size:1.0em;
	text-decoration:underline;

         }

.clearit {
clear: both;
font-size: px; /*for IE*/
height: 0;
line-height: 0;
margin-top:5%;

}
.clearit2 {
clear: both;
font-size: px; /*for IE*/
height: 0;
line-height: 0;
margin:10px 0;

}



.css3button a {
     background: url(../img/background.gif) bottom repeat-x #b9d8f8;
     padding: 2px 5px 2px 5px;
     text-align: center;
     font-weight: bold;
     color: #fff !important;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
	 behavior: url(../js/PIE.htc);
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.css3button a:hover  {
     background: #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}

blockquote.sty {
  font: 20px Times, serif ;
  font-style:italic!important;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-image: url(../Images/openquote4.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
  margin:2px 43px;
}
blockquote.styblue {
  font: 20px Times, serif ;
  color:#FFF;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #3087C2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-image: url(../Images/wquote.png);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
  margin:2px 43px;
} 
blockquote.tab {
  font: 16px Times, serif ;
  font-style:italic!important;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-position: middle left;
  background-repeat: no-repeat;
  margin-left:50px;
} 

blockquote.blue {
	

background-clip: border-box;
background-color: #EEE;
border-left-color: #0AC0FB;
border-left-style: solid;
border-left-width: 10px;
color: #AAA;
font-size: 16px;
margin: 10px  2.0em 10px 3.5em;
padding:16px;
text-shadow: #FFF 1px 1px 1px;

	}
	
a.botonvr {
	margin-left:30px;
    width:170px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermash4.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonvr:hover {
    background: url(../presimg/sabermash4.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botondz {
	margin-left:30px;
    width:230px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermasherida.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botondz:hover {
    background: url(../presimg/sabermasherida.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonss {
	margin-left:30px;
    width:170px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermash3.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonss:hover {
    background: url(../presimg/sabermash3.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonsm {
	margin-left:10px;
    width:170px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:inline-block;
    background:url(../img/sabermash2.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonsm:hover {
    background: url(../img/sabermash2.jpg) no-repeat 0 0 !important;
	 /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonpa {
	margin-left:10px;
    width:115px; 
    height:42px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../img/smaspanta.jpg) no-repeat 0 0; /* Poniendo la imagen como fondo */
}
a.botonpa:hover {
    background: url(../img/smaspanta.jpg) no-repeat 0 -42px; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonej {
	margin-left:30px;
    width:115px; 
    height:42px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../img/smasejem.jpg) no-repeat 0 0; /* Poniendo la imagen como fondo */
}
a.botonej:hover {
    background: url(../img/smasejem.jpg) no-repeat 0 -42px; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonsmb {
	margin-left:30px;
    width:367px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermasb.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonsmb:hover {
    background: url(../presimg/sabermasb.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonsma1 {
	margin-left:30px;
    width:367px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermasa1.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonsma1:hover {
    background: url(../presimg/sabermasa1.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}
a.botonsma2 {
	margin-left:30px;
    width:367px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermasa2.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonsma2:hover {
    background: url(../presimg/sabermasa2.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}

a.botonline {
	margin-left:3px;
    width:367px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:inline-block;
    background:url(../presimg/sabermash2.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botonline:hover {
    background: url(../presimg/sabermash2.jpg) no-repeat 0 0 !important; /* Al hacer hover, ponemos la segunda imagen de fondo */
}


a.botondc {
	margin-left:30px;
    width:352px; 
    height:36px; /* Dimensiones de la imagen */
    text-indent:-9999px;
    overflow:hidden; /* Oculatando el texto del enlace */
    display:block;
    background:url(../presimg/sabermasdc.jpg) no-repeat 0 -38px; /* Poniendo la imagen como fondo */
}
a.botondc:hover {
    background: url(../presimg/sabermasdc.jpg) no-repeat 0 0; /* Al hacer hover, ponemos la segunda imagen de fondo */
}













.samp {
	color:#2a7a78;/*#74c7b9*/
	font-weight:100;
	font-size:20px;
	font-family:"Calibri",'Liberation Sans',FreeSans,sans-serif;
	font-style:italic;
	
}
.imagen {
	width:680px;
	padding:1px !important;
	margin:0 auto;
	
}
.imagen650 {
	width:654px;
	padding-left:2px;
	margin:0 auto;
}

.accordionx3 {
	background: url(../img/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	border-bottom: none;
	cursor: pointer;
}
.accordionx3:hover {
	background-color: #e3e2e2;
}
.accordionx3.active {
	background-position: right 5px;
}
@font-face {
  font-family: 'open sans';
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format('embedded-opentype'),url("../fonts/opensans-light-webfont.woff") format('woff'),url("../fonts/opensans-light-webfont.ttf") format('truetype'),url("../fonts/opensans-light-webfont.svg#OpenSansLight") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open sans';
  src: url("../fonts/opensans-bold-webfont.eot");
  src: url("../fonts/opensans-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/opensans-bold-webfont.woff") format('woff'), url("../fonts/opensans-bold-webfont.ttf") format('truetype'), url("../fonts/opensans-bold-webfont.svg#OpenSansBold") format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?v=1.5');
  src:  url('../fonts/icomoon.eot?v=1.4');
  src:  url('../fonts/icomoon.eot?#iefix1.5') format('embedded-opentype'),url('../fonts/icomoon.woff?v=1.5') format('woff'),url('../fonts/icomoon.ttf?v=1.5') format('truetype'),url('../fonts/icomoon.svg#icomoon?v=1.5') format('svg');
  font-weight: normal;
  font-style: normal;
}

.spanred {
	background-color: #b94a48;
	border-radius: 3px;
	color: #ffffff;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
	margin-left:40px;
	margin-top:10px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.spanred2 {
	background-color: #b94a48;
	border-radius: 3px;
	color: #ffffff;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
	margin-left:40px;
	margin-top:10px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.spanred2 a{
	
	color: #ffffff;
   
}

.spanred3 {
	border:1px solid #00682f;
	border-radius: 3px;
	color: #00682f;
    display: inline-block;
    font-size: 13.844px;
    line-height: 15px;
	margin-left:10px;
	margin-top:30px;
    padding:0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.spanred3 a{
	
	color: #00682f;
   
}
.spanred3 a:hover{
	
	color:#f2f2f2 ;
	background:#2CA396;
	font-weight:bold;

   
}
.alert {
	color: white;
	background-color: #0095DD;
	border-color: #1C4B8C;
    padding: 8px 20px 8px 14px;
    margin: 20px 40px; 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #1C4B8C;
    border-radius: 4px;

}
.alert a {
	color:orange !important;
	font-size:80% !important;
}
.alert a:hover {
	color:#FFFFDE !important;
	background:none !important;
}

.alert2 {
	color:grey;
	background-color: #D6EFFC;
	border-color: #1C4B8C;
    padding: 8px 20px 8px 14px;
    margin: 20px 40px; 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #1C4B8C;
    border-radius: 4px;

}
.alert2 a {
	color:orange !important;
	font-size:80% !important;
}
.alert2 a:hover {
	color:#FFFFDE !important;
	background:none !important;
}

.titverde {
	color:green !important;
	font-weight:bold;
	}
.alert5 {
	color:white !important;
	background-color: #00b0f0;
	border-color: #1C4B8C;
    padding: 8px 20px 8px 14px;
	margin:0 !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
   
	display: block !important;
}
.alert5 a {
	color:white !important;
	font-size:80% !important;
}
.alert5 a:hover {
	color:#FFFFDE !important;
	background:none !important;
}
.titblue {
	color:white !important;
	font-weight:bold;
	background:#365f90;
	margin:0 !important;
	display:block !important;
	padding: 5px 20px 5px 14px;
	}
	
.alert3 {
	color:#FFFfff !important;
	background-color:green;
	display:block!important;
	font-size:18px!important;
	padding:12px!important;
	margin:0!important;
	font-weight:bold;
   

}
.alert3 a {
	color:orange !important;
	font-size:80% !important;
}
.alert3 a:hover {
	color:#FFFFDE !important;
	background:none !important;
}
.alert4 {
	color: red;
	background-color: #fff;
    padding: 4px 2px;
    margin: 20px 40px; 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 2px solid red;
    border-radius: 4px;
	font-size:13px !important;
	display:inline-block !important;

}

.spanred {
	background-color: #b94a48;
	border-radius: 3px;
	color: #ffffff;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
	margin-left:40px;
	margin-top:10px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.alert {
	color: white;
	background-color: #0095DD;
	border-color: #1C4B8C;
    padding: 8px 20px 8px 14px;
    margin: 20px 40px; 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #1C4B8C;
    border-radius: 4px;

}
.alert a {
	color:orange !important;
	font-size:80% !important;
}
.alert a:hover {
	color:#FFFFDE !important;
	background:none !important;
}

.alert2 {
	color:grey;
	background-color: #D6EFFC;
	border-color: #1C4B8C;
    padding: 8px 20px 8px 14px;
    margin: 20px 40px; 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #1C4B8C;
    border-radius: 4px;

}
.alert2 a {
	color:orange !important;
	font-size:80% !important;
}
.alert2 a:hover {
	color:#FFFFDE !important;
	background:none !important;
}

.boxalert {
	background: url('../img/bg-intro.png') repeat-x scroll left top #B1D2E3;
	margin: 3px 50px;
	padding: 8px;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
    padding: 0px 3px 2px;
    color: #333;

	
	}
	
#botonsolo p {
	font-size:16px;
	line-height:20px;
	margin:15px 15px 15px 25px;
	
	
}

#botonsolo  p a {
	color:white;
	text-decoration:none;
	
}
.boxalert3 {
	background:#fff;
	margin: 0 auto;
	border: 2px solid #587293;
	display: block !important;
	border-radius: 4px;
    color: #333;
	width:80%;

	
	}


#botonsolo  p a:hover {
	/*border:1px solid #6d99ca;*/
	color:#000;
}