#containerComent {text-align:left;margin:10px 0px 0px 0px;padding:0px 0px ;overflow:hidden; border:0px solid #708090; }
#containerComent .numero{
		 display: inline-block;vertical-align:top;		
		 border:0px solid #333;}
#containerComent .nombre{padding:10px 10px 5px 5px;font-size:110%;
		 display: inline-block;vertical-align:top;	
		 border:0px solid #333;
		 margin:0px;}
#cajanumero {margin:0px ;font-size:150%;padding:  0px;margin: 5px 0px;color:#b22222}
#fechacomentario {margin:0px ;font-size:80%;padding:  0px;margin: 0px;}
#cajacomment {}
#cajacomentario {margin:10px 0px ;padding: 0px 20px;text-align:left;border:1px solid #e0e0e0;border-radius:3px; background: #ebf1f3;font-size:110%;color:#696969}

.formcomment input[type="text"],
.formcomment input[type="date"],
.formcomment input[type="datetime"],
.formcomment input[type="email"],
.formcomment input[type="number"],
.formcomment input[type="search"],
.formcomment input[type="time"],
.formcomment input[type="url"],
.formcomment input[type="password"],
.formcomment textarea,
.formcomment select 

{
		 box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 outline: none;
		 display: block;
		 width: 100%;
		 padding: 5px ; 
		 border:1px solid #e0e0e0;
		 background: #fff;
		 margin:5px 0px 15px 0px;
		 font-size: 100% ; color:#444444;
}

.formcomment input[type="submit"]{
		 background-color: #fff;
		 border: 1px solid #e0e0e0;
		 display: inline-block;
		 cursor: pointer;
		 color: #444444;
		 font-size: 90%;
		 padding:7px 20px 5px 20px;
		 text-decoration: none;
		 text-transform: uppercase;
}
.formcomment input[type="button"]:hover {background-color:#e0e0e0;}
.formcomment input[type="submit"]:hover {background-color:#e0e0e0;}
/* SIZE 1 */
@media screen and (max-width: 40em) {
#comentariosarriba {text-align:left;margin:0px 0 0 5px;font-size:130%;padding:0px;border:0px }
#dxcommentform textarea {max-width:500px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #ebf1f3; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;border-radius:3px;
		 padding: 5px 0px 20px 0px;
		 background: #ffffff;
		 margin: 0px ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 100%;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
#leave {margin:0px 0px ;font-size:130%;padding:10px 10px 10px;color:#b22222}
/* probando-------------------------------------*/
.contenedor{display:block;border:1px solid #e0e0e0;width:100%;margin:20px 0 0 0;border-radius:3px;} 
.cont{display:none;padding:10px 10px;color:#444;}
.tabs{margin:0;padding:0px;list-style: none;}
.tabs li{padding:7px 10px 5px 10px;float: left;border-right:1px solid #e0e0e0;border-bottom:0px ;}
.tabs li a{color:#cd5c5c;text-decoration: none;font-size:120%}
.tabs li a:hover{color:#444;}
.active{color:#000;background:#fceded}
#tabs{border-top:1px solid #e0e0e0;clear: both;}
.contenedorvideos{display:inline-block;width:100%;} 
.xcont{display:none;padding:0px 0px;color:#444;}
.tabss{margin:10px 1px 5px 2px;padding:0px;list-style: none;background:#fff;}
.tabss li{padding:1px;width:32.5%;display: inline-block;vertical-align:top; filter:drop-shadow(0px 3px 3px rgb(116, 116, 116));}
.tabss li a{opacity:0.9;}
.tabss li a:hover{filter:sepia(80%);transition: 0.5s}
.active1{background:orange;}
} 
/* SIZE 2 */
@media screen and (min-width: 40em) and (max-width: 50em) {
#comentariosarriba {text-align:left;margin:0px 0 0 5px;font-size:130%;padding:0px;border:0px }
#dxcommentform textarea {max-width:700px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #ebf1f3; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;border-radius:3px;
		 padding: 5px 10px 20px 10px;
		 background: #ffffff;
		 margin: 0px ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
#leave {margin:0px 0px ;font-size:130%;padding:10px 10px 10px;color:#b22222}
/* probando-------------------------------------*/
.contenedor{display:block;border:1px solid #e0e0e0;width:100%;margin:20px 0 0 0;border-radius:3px;} 
.cont{display:none;padding:10px 10px;color:#444;}
.tabs{margin:0;padding:0px;list-style: none;}
.tabs li{padding:7px 10px 5px 10px;float: left;border-right:1px solid #e0e0e0;border-bottom:0px ;}
.tabs li a{color:#cd5c5c;text-decoration: none;font-size:120%}
.tabs li a:hover{color:#444;}
.active{color:#000;background:#fceded}
#tabs{border-top:1px solid #e0e0e0;clear: both;}
.contenedorvideos{display:inline-block;width:100%;} 
.xcont{display:none;padding:0px 0px;color:#444;}
.tabss{margin:10px 1px 5px 2px;padding:0px;list-style: none;background:#fff;}
.tabss li{padding:1px;width:32.5%;display: inline-block;vertical-align:top; filter:drop-shadow(0px 3px 3px rgb(116, 116, 116));}
.tabss li a{opacity:0.9;}
.tabss li a:hover{filter:sepia(80%);transition: 0.5s}
.active1{background:orange;}
} 
/* SIZE 3 */
@media screen and (min-width: 50em) and (max-width: 60em) {
#comentariosarriba {text-align:left;margin:0px 0 0 5px;font-size:130%;padding:0px;border:0px }
#dxcommentform textarea {max-width:700px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #ebf1f3; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;border-radius:3px;
		 padding: 5px 10px 20px 10px;
		 background: #ffffff;
		 margin: 0px ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
#leave {margin:0px 0px ;font-size:130%;padding:10px 10px 10px;color:#b22222}
/* probando-------------------------------------*/
.contenedor{display:block;border:1px solid #e0e0e0;width:100%;margin:20px 0 0 0;border-radius:3px;} 
.cont{display:none;padding:10px 10px;color:#444;}
.tabs{margin:0;padding:0px;list-style: none;}
.tabs li{padding:7px 10px 5px 10px;float: left;border-right:1px solid #e0e0e0;border-bottom:0px ;}
.tabs li a{color:#cd5c5c;text-decoration: none;font-size:120%}
.tabs li a:hover{color:#444;}
.active{color:#000;background:#fceded}
#tabs{border-top:1px solid #e0e0e0;clear: both;}
.contenedorvideos{display:inline-block;width:100%;} 
.xcont{display:none;padding:0px 0px;color:#444;}
.tabss{margin:10px 1px 5px 2px;padding:0px;list-style: none;background:#fff;}
.tabss li{padding:1px;width:32.5%;display: inline-block;vertical-align:top; filter:drop-shadow(0px 3px 3px rgb(116, 116, 116));}
.tabss li a{opacity:0.9;}
.tabss li a:hover{filter:sepia(80%);transition: 0.5s}
.active1{background:orange;}
}
/* SIZE 4 */
@media screen and (min-width: 60em) and (max-width: 70em) {
#comentariosarriba {text-align:left;margin:0px 0 0 5px;font-size:130%;padding:0px;border:0px }
#dxcommentform textarea {max-width:700px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #ebf1f3; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;border-radius:3px;
		 padding: 5px 10px 20px 10px;
		 background: #ffffff;
		 margin: 0px ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
#leave {margin:0px 0px ;font-size:130%;padding:20px 20px 10px;color:#b22222}
/* probando-------------------------------------*/
.contenedor{display:block;border:1px solid #e0e0e0;width:100%;margin:20px 0 0 0;border-radius:3px;} 
.cont{display:none;padding:10px 10px;color:#444;}
.tabs{margin:0;padding:0px;list-style: none;}
.tabs li{padding:7px 10px 5px 10px;float: left;border-right:1px solid #e0e0e0;border-bottom:0px ;}
.tabs li a{color:#cd5c5c;text-decoration: none;font-size:120%}
.tabs li a:hover{color:#444;}
.active{color:#000;background:#fceded}
#tabs{border-top:1px solid #e0e0e0;clear: both;}
.contenedorvideos{display:inline-block;width:100%;} 
.xcont{display:none;padding:0px 0px;color:#444;}
.tabss{margin:10px 1px 5px 2px;padding:0px;list-style: none;background:#fff;}
.tabss li{padding:1px;width:32.5%;display: inline-block;vertical-align:top; filter:drop-shadow(0px 3px 3px rgb(116, 116, 116));}
.tabss li a{opacity:0.9;}
.tabss li a:hover{filter:sepia(80%);transition: 0.5s}
.active1{background:orange;}
}
/* SIZE 5 */
@media screen and (min-width: 70em) and (max-width: 80em) {
#comentariosarriba {text-align:left;margin:0px 0 0 5px;font-size:130%;padding:0px;border:0px }
#dxcommentform textarea {max-width:700px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #ebf1f3; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;border-radius:3px;
		 padding: 5px 10px 20px 10px;
		 background: #ffffff;
		 margin: 0px ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
#leave {margin:0px 0px ;font-size:130%;padding:20px 20px 10px;color:#b22222}
/* probando-------------------------------------*/
.contenedor{display:block;border:1px solid #e0e0e0;width:100%;margin:20px 0 0 0;border-radius:3px;} 
.cont{display:none;padding:10px 10px;color:#444;}
.tabs{margin:0;padding:0px;list-style: none;}
.tabs li{padding:7px 10px 5px 10px;float: left;border-right:1px solid #e0e0e0;border-bottom:0px ;}
.tabs li a{color:#cd5c5c;text-decoration: none;font-size:120%}
.tabs li a:hover{color:#444;}
.active{color:#000;background:#fceded}
#tabs{border-top:1px solid #e0e0e0;clear: both;}
.contenedorvideos{display:inline-block;width:100%;} 
.xcont{display:none;padding:0px 0px;color:#444;}
.tabss{margin:10px 1px 5px 2px;padding:0px;list-style: none;background:#fff;}
.tabss li{padding:1px;width:32.5%;display: inline-block;vertical-align:top; filter:drop-shadow(0px 3px 3px rgb(116, 116, 116));}
.tabss li a{opacity:0.9;}
.tabss li a:hover{filter:sepia(80%);transition: 0.5s}
.active1{background:orange;}
}
/* SIZE 6 */
@media screen and (min-width: 80em) {
#comentariosarriba {text-align:left;margin:0px 0 0 5px;font-size:130%;padding:0px;border:0px }
#dxcommentform textarea {max-width:700px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #ebf1f3; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;border-radius:3px;
		 padding: 5px 10px 20px 10px;
		 background: #ffffff;
		 margin: 0px ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
#leave {margin:0px 0px ;font-size:130%;padding:20px 20px 10px;color:#b22222}
/* probando-------------------------------------*/
.contenedor{display:block;border:1px solid #e0e0e0;width:100%;margin:20px 0 0 0;border-radius:3px;} 
.cont{display:none;padding:10px 10px;color:#444;}
.tabs{margin:0;padding:0px;list-style: none;}
.tabs li{padding:7px 10px 5px 10px;float: left;border-right:1px solid #e0e0e0;border-bottom:0px ;}
.tabs li a{color:#cd5c5c;text-decoration: none;font-size:120%}
.tabs li a:hover{color:#444;}
.active{color:#000;background:#fceded}
#tabs{border-top:1px solid #e0e0e0;clear: both;}
.contenedorvideos{display:inline-block;width:100%;} 
.xcont{display:none;padding:0px 0px;color:#444;}
.tabss{margin:10px 1px 5px 2px;padding:0px;list-style: none;background:#fff;}
.tabss li{padding:1px;width:32.5%;display: inline-block;vertical-align:top; filter:drop-shadow(0px 3px 3px rgb(116, 116, 116));}
.tabss li a{opacity:0.9;}
.tabss li a:hover{filter:sepia(80%);transition: 0.5s}
.active1{background:orange;}
}