/*------------------------------PROPIEDADES DEL TITULO DE PORTAFOLIO DE CLIENTES----------------------------------*/
.h4cotizador{
	/*----COLOR DEL TITULO DEL FORMULARIO----*/
	color:#006AFF;

	/*----ALINEACION DEL TITULO DEL FORMULARIO----*/
	text-align:center;

	/*----ATAMAÑO DEL TEXTO TITULO DEL FORMULARIO----*/
	font-size:20px;
	    font-weight: bold;
	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/
	margin:0;
	margin-bottom:20px;
}

#headercotizacion{
	border:0px;
color:#006AFF;
 font-weight: bold;
	padding:5px;
}

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

#pcotizador{
font-size:18px;
color:#000066;
margin:10px;
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: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,106,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,106,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,106,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,106,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,106,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(0,106,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#006aff', GradientType=0 );
	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{

	/*----COLOR DEL BOTON DEL FORMULARIO----*/


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

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

#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:#000;
    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%;}
}