/*!
 * Stylesheet
 *
 * @author ...
 * @version 1.0
 */

/*
|--------------------------------------------------------------------------
| Reset
|--------------------------------------------------------------------------
|
| El reset sirve para uniformizar los estilos de elementos html
| a traves de los diferentes navegadores, por ejemplo,
| Internet Explorer coloca un borde azul a toda imagen que
| este dentro de un elemento de vinculo <a>. Para quitarlo
| "reseteamos" el elemento <img> para que no muestre ningun borde.
|
| Todos los estilos del reset se pueden sobreescribir luego pero
| solo cuando el diseno lo necesite y no en un contexto general,
| por esta razon EL RESET NO SE DEBE MODIFICAR
|
*/

body, blockquote, dl, dd, figure, fieldset,
h1, h2, h3, h4, h5, h6, hr, ol, p, pre,
textarea, ul {
	margin: 0;
}
button, fieldset, input, legend, ol, option,
select, td, textarea, th, ul {
	padding: 0;
}
article, aside, details, figcaption, figure, footer,
header, main, menu, nav, section, summary {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b, strong {
	font-weight: bold;
}
img {
	border: 0;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

/*
|--------------------------------------------------------------------------
| Base
|--------------------------------------------------------------------------
|
| Aqui se define el tamano base de la fuente, el tamano del
| interlineado, la fuente y color principales. Tambien se definen
| estilos generales para algunos elementos de la pagina
| LOS VALORES SE DEBEN MODIFICAR SEGUN LAS NECESIDADES DEL PROYECTO
|
*/

html {
	color: #333;
	font: 100%/1.5 sans-serif;
}

h1{
	color: #458551;
	font-family: 'Playfair Display', serif;
	font-size:29px;
}
h2{
	/*font-style:italic;*/
	color:#458551;
	font-size: 19px;
}
h3{
	font-size: 15px;
	color:#458551;
}
h4{
	color: #458551;
	font-size: 11px;
}
p{
	text-align:justify;
	font-size:14px;
}
hr {
	border: 0;
	border-top: 1px solid #333;
	height: 0;
}
ol, ul {
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
}
.color-defect1{
	color: #458551;
}

a, button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}

/*
|--------------------------------------------------------------------------
| Estilos compartidos
|--------------------------------------------------------------------------
*/

/* Aqui se define el espacio vertical que hay
 * entre elementos en bloque */
blockquote, dl, figure,
h1, h2, h3, h4, h5, h6, hr, ol, p, pre, ul {
	margin-bottom: 10px;
}
.centrar{
	text-align:center;
}

/*
|--------------------------------------------------------------------------
| Grid
|--------------------------------------------------------------------------
*/

/* clearfix */
.clearfix:after,
.container:after,
.row:after {
	clear: both;
	content: "";
	display: table;
}
/* Este es el contenedor principal del grid,
 * puede ser fijo ej. width: 940px
 * o puede ser de ancho variable ej. max-width:940px
 * EL VALOR SE DEBE MODIFICAR SEGUN LAS NECESIDADES DEL PROYECTO */
.container {
	margin: 0 auto;
	max-width: 1140px;
}
/* Aqui se corrige el espacio para poder tener columnas anidadas
 * EL VALOR DEBE SER IGUAL AL ESPACIO HORIZONTAL ENTRE COLUMNAS
 * PERO EN NEGATIVO */
.row {
	margin: 0 -10px;
}
/* Aqui se define el espacio horizontal que hay entre columnas
 * EL VALOR SE DEBE MODIFICAR SEGUN LAS NECESIDADES DEL PROYECTO */
.container,
[class^="col-"],
[class*=" col-"] {
	padding: 0 10px;
}
/* Aqui se definen los estilos de columna
 * si el contenedor principal es fijo las columnas seran fijas,
 * si es de ancho variable, tambien lo seran las columnas */
[class^="col-"],
[class*=" col-"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
}
/*
|--------------------------------------------------------------------------
| Estilos de la pagina
|--------------------------------------------------------------------------
*/

body{
	/*background-color:#F1F2F3; /*E9E9DE F1F2F3*/
	background-color:#CCCCCC;
}
/*.sombra{
	box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333;
	-webkit-box-shadow: -7px 0px 10px 0px #333, 7px 0px 10px 0px #333;
	-moz-box-shadow: -7px 0px 10px 0px #333, 7px 0px 10px 0px #333;
	box-shadow: -7px 0px 10px 0px #333, 7px 0px 10px 0px #333;
}*/
/*::::::::::::::::Encabezado:::::::::::::::*/
.encabezado{
	background-color:#FFFFFF;
	color:#000;
}
.cabecera{
	}

/*::::::::::::::::Header:::::::::::::::*/
#logo{
	/*float:left;*/
	/*margin:20px 0 5px 20px;*/
	/*margin-top:15px;*/
	padding:17px 17px 0px;
	/*padding-top:15px;
	padding-left:10px;*/
	margin:0;
}
#logo img{
	width:100%;
	max-width:300px;
}

.bienvenido-mensaje{
	text-align:center;
	font-size:14px;
	margin-bottom:25px;
}
/**/
.separacion{
	height:10px;
}

/*::::::::::::::::Sliderr:::::::::::::::*/
.space-in{
	/*padding-left:1px;
	padding-right:1px;*/
}
main{
	background-color:#FFFFFF;
}

/*::::::::::::::::Cuerpo:::::::::::::::*/
.linea {
    height: 1px;
    margin: 0 auto;
    background-color: #458551;
    max-width: 1140px;
    width: 90%;
	margin-bottom:25px;
}

.msg-logo{
	text-align:center;
}
.msg-texto{
	background-color:#F1F2F3;
	font-style:italic;
	font-size:14px;
	height:120px;
	padding:15px;

}
.mover-derecha{
	float:right;
}

.borde-izq{
	/*border-left:3px solid #458551;*/
	/*border-bottom:1px solid #458551;*/
}
.borde-der{
	/*border-bottom:1px solid #458551;*/
	/*border-right:3px solid #458551;*/
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #458551;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*::::::::::::::::Pie Pagina:::::::::::::::*/
.piepagina{
	font-size:14px;
	/*height:220px;*/
	background:#000;
}
#logo-pie img{
	width:100%;
	/*display:block;*/
	max-width:300px;
}
.contenedor-piepagina{
	padding:15px 10px;
	line-height:2;
}

.contenedor-piepagina p{
	color:#FFF;
}

#submenu li{
	line-height:1.5;
	height:28px;
}

#submenu li a{
	/*height:24px;*/
	/*background:#F5E4E4;*/
	/*display:block;*/
	color:#FFF;
	/*line-height:1;*/
	
	/*margin-right:2px;*//**/
	/*color:#FFF;*/
	/*text-align:center;*/
	/*font-size:14px;*//*1111*/
	/*padding-top:10px;*/
	/*padding-left:10px;
	padding-right:10px;*/
}
#submenu li a:hover{
	/*background:#84878E;*/
	/*background:#E49B0E;*/
	color:#458551;
	/*border-bottom: 1px solid #E49B0E;*/
	/*border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;*/
}

/*::::::::::::::::Copyright:::::::::::::::*/

.copyright{
	font-size: 12px;
	background-color:#458551;
	padding:1px 0;
}
.copyright a{
	color:#FFF;
}
.copyright p{
	margin:10px;
	text-align:center;
	color:#000000;	
}

/*::::::::::::::::Boton Top:::::::::::::::*/
.ir-arriba {
	padding:3px 12px;
		
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	display:inline-block;
	background:#458551;
	color:#fff;
	position: fixed;
	font-size:20px;
	bottom:45px;
	right:20px;
	display:none;
	cursor:pointer;
}

/*============TITULO============*/

/*.contenedor-titulo{
	background-color:#434343;
}*/

.titulo{
	background-color:#458551;
	padding:20px 15px;
	margin-bottom:15px;
}
.titulo h3{
	margin:0;
	color:#FFF;
}
/*))))))))))))))NOSOTROS((((((((((((((*/

.contenedor-nosotros{
	padding:15px;
}

.numeracion-seguros{
	font-size:14px;
	margin:8px 0;
	/*list-style-position:outside;*/
}

/*))))))))))))))CLIENTES((((((((((((((*/
.clientes{
	text-align:center;
}
.clientes img{
	width:100%;
}

/*))))))))))))))SERVICIOS((((((((((((((*/


.servicios-texto{
	padding:24px;
	border-top: 8px solid #A5A8A6;
}

.servicios-foto{
	padding:0;
}

.servicios-foto img{
	vertical-align: top;
	width:100%;
}

/*))))))))))))))CONTACTENOS((((((((((((((*/

.contenedor-informacion-formulario{
	padding:15px 15px;
	/*margin-top:15px;
	margin-bottom:15px;*/
}

/*Formulario*/
.filas-informacion{
	border:1px solid #458551;
  	margin-bottom:10px;
  	padding:10px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
}
.filas-informacion p{
	margin-bottom:10px;
}
/*Formulario*/
/*Etiquetas*/
#form-contactese label{
	display:inline-block;
  	margin-bottom: 5px;
  	font-weight: bold;
}
/*Combo*/
.combo{
	border:1px solid #458551;
  	border-radius:4px;
	
	width: 120px;
 	height: 30px;
  	/*padding: 0 50px;*/
  	font-size: 14px;
	background-color:#E9E9DE;
}
/*Cuadros de texto*/
.form-text{
	border:1px solid #458551;
  	border-radius:4px;
	
	/*display: block;*/
  	width: 60%;
 	height: 30px;
  	padding: 0 5px;
  	font-size: 14px;
	background-color:#E9E9DE;
  	/*line-height: 1.428571429;*/
	
}

.form-textarea{
	border:1px solid #458551;
  	border-radius:4px;
  	width: 75%;
  	padding: 5px 5px;
  	font-size: 14px;
	background-color:#E9E9DE;
}

.btn-enviar{
	border:none;
	background-color:#458551;
  	border-radius:4px;
	color:#FFF;
	width:150px;
	height: 40px;
  	margin:12px 0;
  	font-size: 14px;
}
.btn-enviar:hover {
	 background: rgba(0,0,0,0);
	 color: #458551;
	 box-shadow: inset 0 0 0 3px #458551;
}

/*Mensaje de Confirmacion*/

.mensaje-confirmacion{
	text-align:center;
	border:1px solid #458551;
  	margin-bottom:10px;
  	padding:10px;
	
	border-radius: 4px;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;*/
}
.mensaje-confirmacion p{
	text-align:center;
	font-size:14px;
	}
/*Contenedor Iframe*/
.embed-container {
  	position: relative;
    padding-bottom: 26.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
	border:0;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Confirmacion de correo*/


/* Aqui se definen los tamanos para las 12 columnas del grid
 * se pueden crear tamanos de columna personalizados, para
 * esto tienes que crear una clase cuyo nombre
 * inicie con "col-" y definir un tamano para
 * la nueva columna */
.col-xs-1 { width: 8.33%; }
.col-xs-2 { width: 16.66%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.33%; }
.col-xs-5 { width: 41.66%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.33%; }
.col-xs-8 { width: 66.66%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.33%; }
.col-xs-11 { width: 91.66%; }
.col-xs-12 { width: 100%; }

/*
|--------------------------------------------------------------------------
| Media Queries
|--------------------------------------------------------------------------
*/

@media (min-width: 768px) {

.col-sm-1 { width: 8.33%; }
.col-sm-2 { width: 16.66%; }
.col-sm-3 { width: 25%; }
.col-sm-4 { width: 33.33%; }
.col-sm-5 { width: 41.66%; }
.col-sm-6 { width: 50%; }
.col-sm-7 { width: 58.33%; }
.col-sm-8 { width: 66.66%; }
.col-sm-9 { width: 75%; }
.col-sm-10 { width: 83.33%; }
.col-sm-11 { width: 91.66%; }
.col-sm-12 { width: 100%; }

}

@media (min-width: 992px) {

.col-md-1 { width: 8.33%; }
.col-md-2 { width: 16.66%; }
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.33%; }
.col-md-5 { width: 41.66%; }
.col-md-6 { width: 50%; }
.col-md-7 { width: 58.33%; }
.col-md-8 { width: 66.66%; }
.col-md-9 { width: 75%; }
.col-md-10 { width: 83.33%; }
.col-md-11 { width: 91.66%; }
.col-md-12 { width: 100%; }

}

/*********************************************/
/*********Tabletas de 1024 pixelles***********/
/*********************************************/
@media only screen and (max-width:1024px){
	
	}
	

/*********************************************/
/*********Tabletas de 800 pixelles***********/
/*********************************************/
@media only screen and (max-width:800px){

/*::::::::::::::::Encabezado:::::::::::::::*/
#logo{
	margin-bottom:15px;
}
/*::::::::::::::::Cuerpo:::::::::::::::*/
.msg-texto{
	text-align:center;
}
/*))))))))))))))NOSOTROS((((((((((((((*/
.nosotros-p3{
	display:none;
}
.numeracion-seguros{
	display:none;
}
.nosotros-p4{
	display:none;
}
.nosotros-p5{
	display:none;
}
	}
	
/*********************************************/
/*********Tabletas de 603 pixelles***********/
/*********************************************/
@media only screen and (max-width:603px){
	/*::::::::::::::::Mensaje:::::::::::::::*/
	.bienvenido-mensaje{
		text-align:justify;
	}
	
	/*::::::::::::::::Pie Pagina:::::::::::::::*/	
	.pie-logo{
		display:none;
	}
	.pie-menu{
		display:none;
	}
}
	
/*********************************************/
/*********Tabletas de 533 pixelles***********/
/*********************************************/
@media only screen and (max-width:533px){

}

/*********************************************/
/*********Tabletas de 480 pixelles***********/
/*********************************************/
@media only screen and (max-width:480px){
h1{
	font-size:25px;
}
h2{
	font-size:18px;
	margin-bottom:0;
}
p{
	font-size:12px;
}

.bienvenido-mensaje{
	font-size:12px;
	text-align:justify;
}

.msg-logo {
	display:none;
}	
/*::::::::::::::::Pie Pagina:::::::::::::::*/
.piepagina{
	font-size:12px;
}
}
/*********************************************/
/*********Tabletas de 360 pixelles***********/
/*********************************************/
@media only screen and (max-width:360px){
/*::::::::::::::::Copyright:::::::::::::::*/
	.creado-por{
		display:none;
	}
}

/*********************************************/
/*********Tabletas de 320 pixelles***********/
/*********************************************/
@media only screen and (max-width:320px){

}


/*********************************************/
/*********Tabletas de 240 pixelles***********/
/*********************************************/
@media only screen and (max-width:240px){

}