/*Videos responsive*/
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 0px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
  
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*.wid{width: auto;height: auto; background-color:#ffffff; Padding-bottom:0px;}*/ /*Ya que no se usan eidget*/
/*/////////////////////*/
/*VENTANAS MODALES/////*/
/*Header*/
.headerModal{
width: auto;
margin:auto 0;
height:56px;
/*max-height:56px;*/
background-color: #000000;
border-bottom: 1px #333333 solid;
background-image:url(fondoHeader.jpg);
}
.headerModal02{
font-size:20px;
color:#4B70AF;
width: auto;
margin:auto 0;
min-height:56px;
padding-top:2px;
/*background-repeat:no-repeat;
background-position:0px 10px;*/
/*margin-left: 10px;*/
/*margin: 0px 10px 0px 10px;*/
}
.headerModal02 span{
/*margin-top:-7px;*/
padding:7px 16px 0px 0px;
float:right;
width:40px;
cursor:pointer;
opacity:0.7;	
}
.headerModal02 span:hover{
opacity:1;	
}

.headerModal02 span img{
width:100%;
display:inline;
}
/*Header//*/
/*Fondo*/
.ModalFondo{
display:none;	
z-index: 10000;
}
.ModalFondo2{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 16px;
color: #333;
overflow: auto;
background-color: #666;
visibility: visible;
opacity:0.7;		
transition: opacity 2s linear;					
z-index: 9998;
right: 0;
}
/*Fondo//*/
/*Ventanas*/
.ModalVentana01 {
display:none;
position:fixed;
top:50%;
left:50%;

width:700px;
margin-left:-350px;
height:453px;
margin-top:-232px;

border:0px solid #808080;
background-color:#000000;
z-index:10001;
cursor:default;
-webkit-box-shadow: 9px 11px 38px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 11px 38px -9px rgba(0,0,0,0.75);
box-shadow: 9px 11px 38px -9px rgba(0,0,0,0.75);
}
.ModalVentanaContent{
width:100%;
height:542px;
overflow:auto;
}
.ModalVentanaContentMain{
width: auto;
margin: 0px 1.6% 0px 1.6%;
height: auto;
padding-bottom:56px;
}
/*Ventanas//*/
/* TABLAS---------------------------------------*/
.tablita00{
width:100%;
height: inherit;
}

.tablita01{
float:left;
width: 33.33%;
padding-top:10px;
padding-bottom:10px;
}
.tablita02{
width:auto;
margin:0 auto;
padding-left:10px;
padding-right:10px;

}
.tablita03{
width: auto;
background-color:#E1E1E1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behaviour: url(border-radius.htc);
padding-top:0px;
padding-bottom:10px;
/*min-height:320px;*/ /*Poner si va con titulo y detalle*/
}
.tablita04{
width: auto;
margin:0 auto;
margin-left:10px;
margin-right:10px;
}
.tablitatitulo{
width: auto;
margin:0 auto;
text-align:center;
color:#666666;
font-size:16px;
padding-top:0px;
padding-bottom:3px;
}
.tablitatexto{
width: auto;
margin:0 auto;
color:#666666;
font-size:14px;
text-align: center;
}
.tablitacont{
width: auto;
margin:0 auto;
height:auto;
position:relative;
cursor:pointer;
}

.tablitacont img{
width:100%;
display:inline;
}

.tablitacontLay{
position:absolute;
top:0px;
left:0px;
border:none;
width:30px;
}

.tablitaconttitulo{
width: auto;
margin:0 auto;
text-align:center;
color:#666666;
font-size:20px;
padding-top:3px;
padding-bottom:3px;
}

.tablitaconttexto{
width: auto;
margin:0 auto;
color:#666666;
font-size:16px;
text-align:justify;
}

@media screen and (max-width: 768px) {
.tablita01{
float:left;
width: 50%;
}
@media screen and (max-width: 480px) {
.tablita01{
float:left;
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.ModalVentana01 {
top: auto;
margin-top: 0;
left: auto;
margin-left: 0;
width:100%;
margin:auto 0;
padding:0px;
height:100%;
background-image:url(fondo.jpg);
}
.ModalVentanaContent{
height:100%;
}
.ModalVentanaContentMain {
width:auto;
margin: 0% 3% 0% 3%;
}
}
/*VENTANAS MODALES/////*/
/*/////////////////////*/