#check{
width:5%;
height:20px;
}

#pcotizador{
font-size:18px;
color:#6C7073;
padding:5px;
}

#masserv{
width:50%;
    margin-left:25%;    
}

.datoscot{
width:50%;
    margin-left:20%;
}

#datoscottextarea {
    min-height: 100px;
    max-height: 200px;
    max-width: 50%;
    margin-left:20%;
}

#formcot{
	text-align:left;
	background:#6C7073;
	border:1px solid white;
	display:absolute;
	margin:5px;
	padding:10px;
	width:98%;
	height:auto;
	
	
	/* Esta línea contorno para darle borde redondeado y color a la línea del div */
	border: 1px ; 
	padding: 10px; 
}

#botoncot{
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	/*----COLOR DEL BOTON DEL FORMULARIO----*/
background:#000;

	/*----ESPACIO DEL BORDE DEL BOTON CON EL FORMULARIO----*/
	padding:20px;

	/*----COLOR DE TEXTO DEL BOTON----*/	
	color:#fff;
    max-width: 50%;
    margin-left:20%;
}

#botoncot:hover{

	/*----COLOR DEL BOTON AL PASAR EL MOUSE----*/	
	background:#fff;

	/*----CURSOR DEL BOTON AL PASAR EL MOUSE----*/	
	cursor:pointer;
	
	/*----COLOR DEL TEXTO AL PASAR EL MOUSE----*/
	color:#6C7073;
    max-width: 50%;
    margin-left:20%;
}

@media (max-width:680px){
#botoncot{
    width:100%;
    margin-left:0%;
}

#datoscottextarea{
    max-width: 100%;
    margin-left:0%;
}

.datoscot{
    width:100%;
    margin-left:0%;
}

#masserv{
width:100%;
    margin-left:0%;
}

#formcot{width:100%;}

}

@media (max-width:480px){
#botoncot{
    width:100%;
    margin-left:0%;
}

#datoscottextarea{
    max-width:100%;
    margin-left:0%;
}

.datoscot{
    width:100%;
    margin-left:0%;
}

#masserv{
width:100%;
    margin-left:0%;
}

#formcot{width:100%;}
}