﻿@media screen and (max-width: 980px) {
@media screen and (max-device-width : 480px) {
        #sidebar{
            display:none;
            }
                #menu{
               text-align:center;
               }
}
@media screen and (min-device-width : 768px) and (max-device-width : 980px) and (orientation : landscape){
       .entry, .entry-content
       {
          font-size:1.2em;
          line-height:1.5em;
    }
}
}


body{
height: 100%;
margin: 0;
padding: 0;
text-align: center; /* Fix para Internet Explorer */
}

html { 
    background-color: #DADCD5;
    margin: 0;
    padding: 0;
}



 img{
border: 0;
}

.imagen-con-texto img {
    display: block;
}

/*COLOR FONDO CARRUSEL*/
#colorfondo{
    width: 100% !important;
background-image:url('imagenes/colorfondo.jpg');
background-image:repeat-x;
}




/*CUADRO INICIO OFERTA DE 250*/
.cuadrooferta {
    width: 250px;
    height: 65px;
    border: 4px outset #D3D3D3;
    font-family: Arial, Helvetica, Verdana, Georgia;
    color: black;
    text-align:center;
    position: relative;
}








/*CABECERA PARA TODAS LAS PAGINAS*/

/*CABECERA BANER LAS 6 ETIQUETAS*/
#cabecera {
    margin-top: 0px;
    width: 100%;
    height: 150px;
	clear:both;
    background: url(imagenes/fondofooter.jpg) repeat;
}
#contenedor{
     width: 980px;
	 text-align: center;
	 display: inline-block;
}
#contenedor2{
     width: 980px;
	 text-align: center;
	 display: inline-block;
	 background-color: #FFFFFF;
	 padding-bottom: 0px;
     box-shadow: 0px 0px 15px #9A284A; /* Sombra exterior */
     behavior: url(ie-css3.htc); /* Activamos el soporte para IE con el archivo en la misma carpeta */
}
#contenidobaner {
    width: 980px;
	display: inline-block;
}
#cierre {
	width: 100% !important;
	display: inline-block;
}
#cierre2 {
	width: 100% !important;
	margin-top: 10px; 
	display: inline-block;
}
*  cabecera{
    margin: 0;
    padding: 0;
}
#linea {
    margin-top: 0px;
    height: 3px;
	clear:both;
    background: url(imagenes/linea.jpg) repeat;
}





/*MENU PRINCIPAL*/
ul.menuh {
    list-style-type: none;
	font-family: Trebuchet MS, Arial, Vendana, Georgia;
	font-size: 14px;
    font-weight: bold;
	margin: 0;
}
ul.menuh ul {
	margin: 0;
	padding: 0;
}
ul.menuh li {
    position: relative;
	float: right;
	right: 0px;
	margin-top: 0px; 
	height:auto;
	display: inline-block;
}
ul.menuh a {
	text-decoration: none;
	color: #B3B3B3;
	display: block;
	padding: 4px 22px 4px 22px;
	background:url(imagenes/boton.png) repeat-x;
	text-align: center;
	border: 1px solid #222;
	border-top: 0px;
	border-bottom: 0px;
}
ul.menuh a#primero {
	border-left: 1px solid #ACCFE8;
}
ul.menuh a:hover {
	background:url(imagenes/boton-hover.png) repeat-x;
	border: 1px solid #222;
	border-top: 0px;
	border-bottom: 0px;
	padding: 6px 22px 6px 22px;
	margin-top: -4px;
}
/*ESTE ES PARA ACTIVAR TODOS LOS MENUS EN LA PAGINA PRINCIPAL*/
#activo {
	background:url(imagenes/boton-hover.png) repeat-x;
	border: 1px solid #222;
	border-top: 0px;
	border-bottom: 0px;
	padding: 6px 22px 6px 22px;
	margin-top: -4px;
    color: #FFFFFF;
}







/*ETIQUETAS DE NOSOTROS*/

/*RECUADRO EXTERIOR DEL CONTENIDO DE LA PAGINA INICIAL*/
#recuadro {
width: 980px;
height: auto;
    background-color: #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    padding-top:10px;
    padding-bottom:0px;
margin-top: 0px;
}

/*BLOQUE DE RECUADRO TITULO*/
#contenido8 {
    margin-top: 20px;
    height: auto;
	width: 960px;
    display: inline-block;
}

/*PRIMER RECUADRO Y TEXTO DE LA PAGINA DE INICIO*/
.cuadrotexto {
    width: 960px;
    height: auto;
    font-family: Trebuchet MS, Helvetica, Verdana, Georgia, Arial;
    font-size: 25px;
    color: #6B6B6B;
    text-align: left;
}

/*BLOQUE CENTRAL DE LA PAGINA DE INICIO*/
#contenido9 {
    width: 100% !important;
    display: inline-block;
}

/*BLOQUE DE RECUADRO PEQUEÑO DERECHO INICIO*/
#contenidotexto{
    position: relative;
	left: 20px;
	margin-top: 25px;
	display: inline-block;
}
.imagenFondo {
    position: relative;
}
.imagenFondo span {
    position: absolute;
    left: 40px;
	top: 20px;
	text-align: left;
}





/*ETIQUETAS DE SERVICIOS*/

/*RECUADRO EXTERIOR SERVICIOS*/
.cuadroservicios {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}








/*ETIQUETAS DE TRABAJOS REALIZADOS*/

/*RECUADRO EXTERIOR TRABAJOS REALIZADOS*/

.cuadrotrabajos {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}

/*BLOQUE DE TEXTO INICIAL DE TRABAJOS REALIZADOS LAS 2 ETIQUETAS*/
#contenido12 {
    width: 100% !important;
	height: auto;
	margin-top: 30px;
    display: inline-block;
	text-align: left;
}
.cuadro5 {
    width: 900px;
    position: relative;
}

/*BLOQUE DE RECUADRO PEQUEÑO TRABAJOS REALIZADOS*/
#contenidotrabajosrealizados{
    width: 33% !important;
	position:relative;
	float: left;
	left: 5px;
	height: auto;
    display: inline-block;
}
.imagenFondo3 {
    position: relative;
}
.imagenFondo3 span {
    position: absolute;
    left: 40px;
	top: 20px;
	text-align: left;
}

/*RECUADRO DE TABLA TRABAJOS REALIZADOS*/
.cuadrotrabajosrealizados {
    width: 310px;
    background-color: #E4E4E4;
    text-align:center;
}










/*ETIQUETAS DE CONTACTO*/

/*BLOQUE DE RECUADRO DE CONTACTO LAS 5 ETIQUETAS*/
.cuadro2 {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
    background-image: url('imagenes/fondocontacto.jpg');
	background-repeat: no-repeat;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}

#contenido5 {
    width: 88%;
	height: auto;
	margin-top: 20px;
    display: inline-block;
}
.imagenFondo2{
    position: relative;
}
.imagenFondo2 span {
    width: 940px;
    position: absolute;
    left: 10px;
	top: 70px;
	text-align: center;
}
.cuadro1 {
    width: 900px;
    height: auto;
    border: 1px outset #D3D3D3;
    background-color: #E4E4E4;
    font-family: Arial, Helvetica, Verdana, Georgia;
    font-size: 12px;
    color: black;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    position: relative;
}


/*CIERRE DE ICONOS DE CONTACTO*/
#cierre {
    width: 560px;
	display: inline-block;
}


/*FORMULARIO*/
label {
    display:block;
    margin-top:10px;
    letter-spacing:1px;
}
.formulario {
    display: block;
    margin: 0 auto;
    width: 350px;
	margin-top: 20px;
    color: #000;
    font-family: Vendana, Arial;
}
form {
    margin: 0 auto;
    width: aauto;
}
input, textarea {
    width:300px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #000000;
    padding: 2px;
    margin-top: 0px;
    font-size: 14px;
    color: #000000;
}
input {
    height:35px;
}
textarea {
    height:200px;
	font-family: Vendana, Arial;
    font-size: 14px;
}
#submit {
	font-family: Vendana, Arial;
    font-size: 14px;
	font-weight: bold;
    width:110px;
    height:25px;
    border:0px solid #472995;
	background:#393B48;
	color: #FFFFFF;
    margin-top:20px;
    cursor:pointer;
}
.hasPlaceholder { color: #777; } 







/*GOOGLE PLUS*/
#contenidogoogleplus {
    margin-top: 0px;
    width: 100%;
    height: 32px;
	clear:both;
    background-color: #0F0A2E;
}
#google1 {
    position: relative;
	float: left;
	left: 95px;
	margin-top: 7px;
    width: 60px;
}
#google2 {
    position: relative;
	float: left;
	left: 105px;
	margin-top: 5px;
    width: 90px;
}





/*ETIQUETAS DE FOOTER*/

/*FOOTER*/
*  footer{
margin:0px;
}

#footer {
    margin-top: 40px;
    width: 100%;
    height: 340px;
	clear:both;
    background: url(imagenes/fondofooter2.jpg) repeat;
}

/*BLOQUE CONTENIDO FOOTER*/
#contenidofooter{
    position: relative;
    float: left;
    width: auto;
    height: auto;
	margin-top: 20px;
	display: inline-block;
}

/*CONTENIDO FOOTER*/
#contenidomenufooter{
	width: 100% !important;
    display: inline-block;
}

/*BLOQUE DE AVISO LEGAL Y DIRECCION*/
#contenidotextofooter {
	font-family: Verdana, Arial, Georgia;
	font-size: 11px;
    font-weight: medium;
	text-align: center;
	color: #BCA961;
	margin-top: 50px;
}

/*SUBMENU FOOTER*/
ul.menuh3 {
    list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: regular;
	margin-top: 0px; /*margen con el bloque superior*/
}
ul.menuh3 li {
	position: relative;
	float: left;
	left: 0px;
}
ul.menuh3 a {
	text-decoration: none;
	color: #848484;
	display: block;
	text-align: left;
}
ul.menuh3 a:hover {
	color: #FFFFFF;
}

/*SUBMENU FOOTER NOSOTROS - CONTACTO*/
ul.menuh4 {
    list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: regular;
	margin-top: 0px; /*margen con el bloque superior*/
}
ul.menuh4 li {
	position: relative;
	float: left;
	left: 0px;
}
ul.menuh4 a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	text-align: left;
}
ul.menuh4 a:hover {
	color: #717071;
}






/*AVISO LEGAL*/

/*BLOQUE DE RECUADRO DE AVISOLEGAL*/
.cuadroavisolegal {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}
#contenidoavisolegal {
    width: 100% !important;
	height: auto;
	margin-top: 30px;
    display: inline-block;
	text-align: left;
}







/*ETIQUETAS DE MAS INFORMACION DE SERVICIOS*/
.cuadroserviciosmasinformacion {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
	background-image: url('imagenes/fondoservicios.jpg');
	background-repeat: no-repeat;
	background-position: right top;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}
#contenidoservicios {
    width: 100% !important;
	height: auto;
	margin-top: 30px;
    display: inline-block;
	text-align: left;
}
#contenidoservicios2 {
    width: 100% !important;
	height: auto;
	margin-top: 20px;
    display: inline-block;
	text-align: left;
}
.cuadromasinformacion {
    width: 900px;
    position: relative;
}
#contenidomasinformacionsercicios {
    width: 100% !important;
	height: auto;
	margin-top: 50px;
    display: inline-block;
}

















/*OFERTAS*/

/*ETIQUETAS OFERTAS*/
.cuadroofertas {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
	background-image: url('imagenes/fondoofertas.jpg');
	background-repeat: no-repeat;
	background-position: left top;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}

.cuadro6 {
    width: 960px;
    position: relative;
}


/*ETIQUETAS DE DISEÑO WEB DE MAS INFORMACION*/

/*PRIMER RECUADRO Y TEXTO DE LA PAGINA DE INICIO*/
.cuadrodiseño {
    width: 880px;
    position: relative;
	float: left;
	left: 50px;
    height: auto;
    font-family: Trebuchet MS, Helvetica, Verdana, Georgia, Arial;
    font-size: 25px;
    color: #6B6B6B;
    text-align: left;
}
.cuadrodiseñoweb {
    width: 900px;
    position: relative;
	font-family: Trebuchet MS, Helvetica, Verdana, Georgia, Arial;
	font-size: 19px;
    color: #6B6B6B;
}





