body
{
	margin: 0px;
	font-family: "Open Sans", Helvetica, sans-serif;
	text-align: justify;
	
}

.cuadro
{
	position:relative;
	display: none;
	background-color: #000;
	color: #fff;
}

#cuadros
{
	position: relative;
	display: none;
}

.franja-negra
{
	position: relative;
	display: block;
	background-color: #000;
	height: 15px;
	width: 100%;
	text-indent: -1000px;
}

#contenedor-menu
{
	position: relative;
	display: block;
}

#menu
{
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
	text-align: right;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	
}

#menu ul
{
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
}

#menu ul li
{
	position: relative;
	display: inline-block;

}

#menu ul li a
{
	position: relative;
	display: block;
	text-decoration: none;
	color: #8a184b;
	padding: 13px 10px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: middle;
	border-radius: 5px;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	
}

#menu ul li a:hover
{
	border-radius: 5px;
	background-color: #8a184b;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}

.contenido-pagina
{
	position: relative;
	display: block;
	border-color: #ebecec;
	border-style: solid;
	border-width: 0 0 0 0;
	margin-bottom: 40px;
	min-height: 1000px;
	margin-top: 0px;
}

.franja
{
	position: relative;
	display: block;
	border-bottom: 1px solid #ccc;
	text-indent: -1000px;
	margin-top: -20px;
}

p
{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	font-size: 15px;
	text-align: justify;
	margin-bottom: 40px;
	color: #252525;
}

#logo-parrafo
{
	position: relative;
	display: block;
	float: right;
	padding: 20px;
}

#carrusel
{
	position: relative;
	display: block;
	height: 450px;
	min-height: 450px;
	width: 100%;
	overflow: hidden;
	background: url(../imagenes/carrusel/1.jpg);
	background-size: 100% 450px !important;
	margin-bottom: 0px;
}

/*#carrusel img
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}*/

#titulo-carrusel
{
	position: absolute;
	display: block;
	padding: 15px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.6);
	width: 350px;
	border-radius: 3px; 
	
	right: 300px !important;
	top: 50px;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
}

#logo
{
	position: relative;
	display: block;
	background-color: rgba(255, 255, 255, 0.5) !important;
	background-position: 0px 0px;
	width: 450px;
	height: 350px;
	border-radius: 3px; 
	text-indent: -1000px;	
	margin-top: 30px;
	z-index: 3 !important;
	
	
	background: url(../imagenes/MarquezCaro-Logo.png) no-repeat;
	background-position: 0px center;
	background-size: contain;
	
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
}

.contenedor-alinear-derecha
{
	margin-top: 15px;
	text-align: right;
}

.contenedor-alinear-izquierda
{
	margin-top: 15px;
	text-align: left;
}

.separador
{
	border-color: #ebecec;
	border-bottom-style: solid;
	border-width: 1px 0 1px 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

#pie
{
	position: relative;
	display: block;
	margin: 0px;
	width: 100%;
	background-color: #f1f2ed;
	height: 40px;
	padding-top: 20px;
}

#pie span
{
	color: #333;
	font-size: 14px;
}

#boton-facebook, #boton-twitter, #boton-google
{
	position: relative;
	display: inline-block;
	margin: 0px;
}

#botones-sociales
{
	position: relative;
	display: block;
	text-align: right;
}

#botones-sociales > div
{
	position: relative;
	display: inline-block;
	vertical-align: top !important;
	right: 0px !important;
	
}

#boton-facebook 
{
	margin-top: -2px !important;
}

#boton-twitter 
{
	margin-left: 15px !important;
}

#boton-google 
{
	margin-left: -20px !important;
	margin-right: -30px !important;
	
}


.boton {
	position: relative;
	display: block;
	  
   	/*background: #efefef;
	border: 1px solid #dedede;*/
	background: #8a184b;
	border: 1px solid #8a184b;
	padding: 8px 10px;
	outline: none;
	font-size: 12px;
    -mox-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    outline-color: #dedede;
    text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	color: #fff !important;: none;

	/*color:#3a3a3a;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    text-transform: uppercase;
    border-radius:5px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    
}

    .boton:hover {
        opacity:0.8;
		
    }
	
/*#txtNombre
{
	background: url(../imagenes/usuario.png) no-repeat;
	background-position: 5px center;
	background-size: 20px 20px;
	padding-left: 35px;
}

#txtCorreoElectronico
{
	background: url(../imagenes/correo.png) no-repeat;
	background-position: 5px center;
	background-size: 20px 20px;
	padding-left: 35px;
}


#txtAsunto
{
	background: url(../imagenes/documento.png) no-repeat;
	background-position: 5px center;
	background-size: 20px 20px;
	padding-left: 35px;
}*/

form .contenedor-alinear-derecha
{
	width: 320px;
}


form label
{
	position: relative;
	display: block;
	vertical-align: middle;
	font-weight: 300;
	font-size: 14px;
	text-align: justify;
	color: #4E4E4E;
}

form input[type=text],
form input[type=email],
form textarea
{
	position: relative;
	display: block;
	border: 1px solid #999;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
 /*   -webkit-box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.08);*/
	padding: 10px;
	font-family: "Open Sans", Helvetica, sans-serif;
  	font-weight: 300;
	margin-bottom: 20px;
	outline: none;
	
	box-sizing: border-box;
	
}

form input:focus, form textarea:focus {
  border-color: #8a184b;
  outline: medium none;
  /*background: rgba(0, 0, 0, 0.1);*/
  -webkit-transition: 0.5s background, 0.5s border-color;
  -moz-transition: 0.5s background, 0.5s border-color;
  -ms-transition: 0.5s background, 0.5s border-color;
  -o-transition: 0.5s background, 0.5s border-color;
  transition: 0.5s background, 0.5s border-color;
}


form textarea
{	font-family: "Open Sans", Helvetica, sans-serif;
	text-align: justify;
	font-weight: 300;
	width: 300px;
	resize: none;
	outline: none;
}

#mostrar-aviso
{
	position: fixed;
	display: none;
	top: 0px;
	width: 100%;
	background-color: #666;
	padding: 10px;
	padding-top: 45px !important;
	height: 30px;
	color: #fff;
	height: 110px;
	box-sizing: border-box;
	z-index: 2;
}

.espera
{
	background: url(../imagenes/cargando.gif) no-repeat;
	background-position: 70px center;
	background-size: 36px 36px;
	padding-left: 120px !important;
	
}

.exito
{
	background: url(../imagenes/correcto.png) no-repeat;
	background-position: 70px center;
	background-size: 48px 48px;
	padding-left: 120px !important;
	background-color: #390 !important;

}

.error
{
	background: url(../imagenes/error.png) no-repeat;
	background-position: 70px center;
	background-size: 48px 48px;
	padding-left: 120px !important;
	background-color: #C00 !important;
}

.advertencia
{
	background: url(../imagenes/correcto.png) no-repeat;
	background-position: 70px center;
	background-size: 48px 48px;
	padding-left: 120px !important;
	background-color: #FF9 !important;

}

.obligatorio 
{
    border: 1px solid #F00 !important;
    
}

#lblRespuesta
{
	position: relative;
	float: right !important;
	color: #F00;
}

form .boton
{
	position: relative;
	float: left !important;
}

.liga-general
{
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-size: 13px;
	vertical-align: bottom !important;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.liga-general:hover
{
	color: #ccc;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

h1
{
	position: relative;
	display: block;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight: 100;
	font-size: 38px;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
	
}

h2
{
	position: relative;
	display: block;
	font-family: 'Open Sans Light', sans-serif !important;
	font-weight: lighter;
	font-size: 32px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000;
	
}


#titulo-seccion
{
	position: relative;
	display: block;
	padding: 15px;
	padding-bottom: 5px;
	background-color: #F4F4F4;
	margin-bottom: 50px;
		
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
}

#titulo-seccion h1
{
	color: #252525;
	font-size: 40px;
}


.cliente
{
	position: relative;
	display: block;
	background: url(../imagenes/edificio-rosa.png) no-repeat;
	background-position: 25px center;
	background-size: 42px 42px;
	/*padding-left: 90px !important;*/
	background-color: #F5F5F5 !important;
	padding: 25px 20px;
	border: 1px solid #ccc;
	text-decoration: none;
	cursor: pointer !important;
	font-family: 'Open Sans Light', sans-serif !important;
	font-weight: lighter;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 40px;
	text-align: right;
	min-height: 100px;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
}
	
	.cliente:hover
	{
		background: url(../imagenes/edificio-blanco.png) no-repeat;

		background-color: #8a184b !important;
		font-weight: 500;
		color: #fff;
		
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	
	}

.curriculum
{
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	text-align: justify;
}

.curriculum, .curriculum p
{
	font-size: 15px !important;
}

.curriculum h1
{
	font-size: 32px !important;
	color: #8a184b;
}

#opcion-cvs
{
	position: relative;
	display: none;
}

.opcion-pestana
{
	position: relative;
	display: inline-block;
	border: 1px solid #8a184b;
	padding: 5px;
	text-decoration: none;
	cursor: pointer;
	color: #8a184b;
	font-size: 14px;
	border-radius: 3px;
	cursor: pointer !important;
	margin-bottom: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}

.opcion-pestana:hover
{
	background-color: #A8004D;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}

#opciones-pestanias
{
	position: relative;
	display: block;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
}

.pestania-seleccionada
{
	background-color: #8a184b;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}

#desarrolado-por
{
	color: #666;
	font-size: 12px;
	text-align: right;
}

#desarrolado-por a
{
	text-decoration: none;
	font-size: 13px;
	color: #333;
}

#desarrolado-por a:hover
{
	color: #000;
}