/* Inten template comment--------------------------------------------------*/
#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:120%;
		 display: inline-block;vertical-align:top;	
		 border:0px solid #333;
		 margin:0px;}
#cajanumero {margin:0px ;font-size:150%;padding:  0px;margin: 5px 0px;color:#cd5c5c}
#fechacomentario {margin:0px ;font-size:80%;padding:  0px;margin: 0px;}
#cajacomment {}
#cajacomentario {margin:10px 0px ;padding: 0px 10px;text-align:left;border:1px solid #e0e0e0;border-radius:3px; background: #FFFAF0;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: 0px 5px 5px 5px; 
		 border:0px;border-bottom:1px solid #e0e0e0;
		 background: #FFFAF0;
		 margin-bottom: 5px;margin-top: 5px;
		 font-size: 100% ; color:#696969;
}

.formcomment input[type="submit"]{
		 background-color: #fff;
		 border: 1px solid #e0e0e0;
		 display: inline-block;
		 cursor: pointer;
		 color: #444444;
		 font-size: 100%;
		 padding: 10px 20px;
		 text-decoration: none;
		 text-transform: uppercase;
}
.formcomment input[type="button"]:hover {background-color:#e0e0e0;}
.formcomment input[type="submit"]:hover {background-color:#e0e0e0;}
@media screen and (max-width: 40em) {
#dxcommentform textarea {max-width:350px;height:200px;padding:10px ; border: solid 0px #e0e0e0;border-top:0px;margin:10px 0 10px 0;background:#fceded; font-size:100%;color:#696969}
.formcomment{
		 font-size:100%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 background: #fff;
		 margin: 10px 0 20px 0 ;
}
}
@media screen and (min-width: 40em) and (max-width: 50em) {
#comentariosarriba {margin:0 0 0 0px;padding:0 0 5px 0;text-align:left;font-size:130%;border-bottom:1px solid #bebebe }
/* Block template Add comment--------------------------------------------------*/
#dxcommentform textarea {max-width:550px;height:200px;padding:10px ; border: solid 0px #e0e0e0;border-top:0px;margin:10px 0 10px 0;background: #fceded; font-size:100%;color:#696969}
.formcomment{
		 font-size:100%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
		 background: #fff;
		 margin: 10px 0 20px 0 ;
}
.formcommentcampos{
		 font-size:100%;color:#696969;
		 width: 300px;border:0px solid #e0e0e0;
		 padding: 0px 0px 10px 0px;
            margin: 10px 0  ;
}
#commenttituloarriba {margin:5px 0px ;font-size:120%;padding:0px;color:#cd5c5c}
}
@media screen and (min-width: 50em) and (max-width: 60em) {
#comentariosarriba {text-align:left;margin:0 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: #fceded; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:1px solid #e0e0e0;border-radius:3px;
		 padding: 10px 15px 15px 15px;
		 background: #fffff0;
		 margin: 10px 0 20px 0px ;
}
.formcommentcampos{
		 font-size:110%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 20px 0px;
		
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:0px ;font-size:120%;padding:0px;margin:0px;color:#cd5c5c}


}
@media screen and (min-width: 60em) and (max-width: 70em) {
#comentariosarriba {text-align:left;margin:0 0 0 5px;font-size:130%;padding:0px;border:0px }
/* Block template Add comment--------------------------------------------------*/
#dxcommentform textarea {max-width:700px;height:200px;padding:10px ; border: solid 1px #e0e0e0;margin:10px 0 10px 0;background: #fceded; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:1px solid #e0e0e0;border-radius:3px;
		 padding: 10px 20px 15px 20px;
		 background: #fffff0;
		 margin: 10px 0 0 0 ;
}
.formcommentcampos{
		 font-size:110%;color:#696969;
		 width: 400px;border:0px solid #e0e0e0;
		 padding: 0px 0px 20px 0px;
		
		 margin: 10px 0  ;
}
#commenttituloarriba {margin:0px ;font-size:120%;padding:0px;margin:0px;color:#cd5c5c}

}
@media screen and (min-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: #fceded; font-size:100%;color:#696969}
.formcomment{
		 font-size:110%;color:#696969;
		 width: 100%;border-right:0px solid #e0e0e0;border:1px solid #e0e0e0;border-radius:3px;
		 padding: 5px 20px 20px 20px;
		 background: #fffff0;
		 margin: 10px 0 0 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}

}
