body {
	margin: 0;
	padding: 0;
	background-color: #666666;
	font-family: 'Abel', sans-serif;
}

a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	outline:none;
}

h1 {
	color: #fffeff;
	text-transform: uppercase;
	font: 20px 'Open Sans', sans-serif;
	font-weight: 300;
}

h2 {
	color: #D0332A;
	text-transform: uppercase;
	font: 26px abel;
}

#contenedor {
	width: 1020px;
	position: absolute;
	left: 50%;
	margin-left: -510px;
}

#contenedor_dos {
	position: relative;
	width: 1020px;	
	height: 520px;
	border-bottom: 1px dotted #9E9E9E;
	margin: auto;
}

#contenido {
	width: 960px;
	height: 620px;
	position: absolute;
	border-bottom: 1px dotted #9E9E9E;
	margin: 0 auto;
}

#pie {
	position: absolute;
	height: 55px;
	width: 1020px;
	top: 620px;
	margin: 0 auto;
}

#pie_dos {
	position: relative;
	height: 55px;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	top: 60px;
}

#idioma {
	position: absolute;
}

#idioma ul {
	margin: 10px 0 0;
	padding: 0;
}

#idioma ul li {
	float: left;
	list-style-type: square;
	margin-left: 35px;
	padding: 0;
	color: #fffeff;
}

#idioma ul li a {
	color: #fffeff;
	text-decoration: none;
}

#idioma ul li a:hover {
	text-decoration: underline;
}

#copy {
	font-size: 12px;
	color: #fffeff;
	position: absolute;
	left: 630px;
	top: 5px;
}

#copy a {
	color: #fffeff;
	text-decoration: none;
}

#copy a:hover {
	text-decoration: underline;
}

#logo {
	position: absolute;
	width: 260px;
	height: 470px;
	background-color: #7F7F7F;
	left: 297px;
	top: 0px;
	z-index: 1;
	
	/*SOMBRA*/
    -moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');
}

#logo img {
	padding: 15px;
	position: relative;
	top: 30px;
}

#menu_quienes_somos {
	position: absolute;
	width: 200px;
	background-color: gray;
	z-index: 5;
	height: 200px;
	left: 359px;
	top: 250px;
	
	/*ROTACION*/
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-20);
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    
    /*SOMBRA*/
    -moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');
	/*REDONDEAR*/
	border-radius: 0px 30px 0px 30px;
	-moz-border-radius: 0px 30px 0px 30px; /* Firefox */
  	-webkit-border-radius: 0px 30px 0px 30px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
	
}

#menu_quienes_somos h1 {
	top: 51px;
	position: absolute;
	left: 24px;
}

#menu_quienes_somos:hover {
	/*ROTACION*/
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	z-index: 10;
	background-color: #d0332a;
}

#menu_servicios {
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: #636363;
	z-index: 3;
	left: 266px;
	top: 360px;
	
	/*ROTACION*/
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    
    /*SOMBRA*/
    -moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');
	/*REDONDEAR*/
	border-radius: 0px 30px 0px 30px;
	-moz-border-radius: 0px 30px 0px 30px; /* Firefox */
  	-webkit-border-radius: 0px 30px 0px 30px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
}

#menu_servicios h1 {
	position: absolute;
	top: 133px;
	left: 41px;
}

#menu_servicios:hover {
	/*ROTACION*/
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	z-index: 10;
	background-color: #d0332a;
}

#menu_clientes {
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: #9E9E9E;
	z-index: 2;
	top: 320px;
	left: 445px;
	
	/*ROTACION*/
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    
    /*SOMBRA*/
    -moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');
	/*REDONDEAR*/
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px; /* Firefox */
  	-webkit-border-radius: 30px 0px 30px 0px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
}

#menu_clientes h1 {
	position: absolute;
	top: 121px;
	left: 71px;
}

#menu_clientes:hover {
	/*ROTACION*/
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	z-index: 10;	
	background-color: #d0332a;
}

#menu_contacto {
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: #333333;
	z-index: 4;
	top: 150px;
	left: 492px;
	
	/*ROTACION*/
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    
    /*SOMBRA*/
    -moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');
	/*REDONDEAR*/
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px; /* Firefox */
  	-webkit-border-radius: 30px 0px 30px 0px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
}

#menu_contacto h1 {
	position: absolute;
	top: 132px;
	left: 73px;
}

#menu_contacto:hover {
	/*ROTACION*/
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
	z-index: 10;
	background-color: #d0332a;
}

#encabezado {
	width: 1020px;
	height: 110px;
	position: relative;
}



#logo_contenido {
	position: relative;
	float: left;
	width: 225px;
	height: 110px;
}

#logo_contenido img {
	position: relative;
	top: 17px;
}

#menu {
	height: 110px;
	position: relative;
	float: left;
	margin-left: 50px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	float: left;
	position: relative;
	font-size: 14px;
	text-align: center;
	width: 110px;
	top: 80px;
	color: #999999;
}

#menu ul li a {
	color: #ffffff;
	display: block;
}

#menu ul li a:hover {
	color: #c7c9c9;
}

#select {
	position: relative;
	height: 110px;
	float: left;
	width: 285px;
}

#select img {
	position: relative;
	top: 12px;
	left: 5px;
}

#rectangulo {
	width: 1020px;
	position: relative;
	float: left;
	height: 350px;
	background-color: #e7e9e9;
	border: 1px solid #B7B7B7;
	/*SOMBRA*/
    -moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');
	overflow: hidden;
}

#rectangulo img:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  	filter: alpha(opacity=80);
	opacity: 0.8;
}

#columna_uno {
	padding: 40px;
	height: 270px;
	width: 400px;
	float: left;
	position: relative;
}

#columna_dos {
	padding: 98px 40px 40px;
	height: 212px;
	width: 400px;
	float: left;
	position: relative;
}

#columna_uno p, #columna_dos p {
	font-size: 16px;
	color: #666666;
}

#columna_dos img {
	position: relative;
	float: left;
	margin-right: 10px;
}

#cierra {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #d0332a;
	text-align: center;
	line-height: 30px;
	left: 990px;
}

#cierra a {
	color: #ffffff;
	display: block;
}

#columna_uno_contacto, #columna_dos_contacto, #columna_tres_contacto  {
	width: 288px;
	height: 310px;
	position: relative;
	float: left;
	padding: 20px;
}

#columna_dos_contacto {
	border-right: 1px dotted #cccccc;
	border-left: 1px dotted #cccccc;
}

#columna_uno_contacto ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#columna_uno_contacto ul li {
	height: 40px;
	font: 16px oswald;
	color: #666666;
}

#columna_uno_contacto ul li a {
	color: #666666;
}

#columna_uno_contacto ul li img {
	margin-right: 10px;
	margin-left: 10px;
}

#columna_dos_contacto table {
	position: relative;
	margin: 0;
	padding: 0;
}

.largos, .cortos, textarea {
	border-style: none;
	background-color: #D1D1D1;
	padding: 3px;
	font: 13px abel;
	color: #666666;
	margin-right: 4px;
}

.largos {
	width: 275px;
	height: 20px;
}

.cortos {
	width: 132px;
	height: 20px;
}

#columna_dos_contacto textarea {
	width: 275px;
	height: 60px;
}

.boton {
	background-color: #666666;
	color: #ffffff;
	border-style: none;
	width: 110px;
	height: 22px;
	margin-right: 4px;
	margin-top: 10px;
}

#logos_clientes {
	position: relative;
	width: 3060px;
	height: 260px;
	margin-top: 50px;
}

.links_list {
	margin: 0px 15px;
	padding:0px;
	width:140px;
	position: relative;
	float: left;
} 

.links_head {
	cursor:pointer;
	position:relative;
	margin:0px;
	text-align:center;
	display: block;
	border: 1px solid #cccccc;
}

img.mas {
	position: absolute;
	top: 126px;
	left: 1px;
} 

.links_body {
	padding:5px;
	text-align:left;
	color: #fff;
	display:none;
} 

.links_body ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.links_body ul li {
	height: 20px;
}

.links_body ul li img {
	position: relative;
	margin-right: 10px;
}

.links_body a {
	font: 12px abel;
	color: #666666;
}

#paginacion {
	position: relative;
	width: 1020px;
	margin: 0;
	padding: 0;
	height: 40px;
}

.boton_paginacion_der, .boton_paginacion_izq {
	position: relative;
	float: left;
	width: 35px;
	height: 36px;
	text-align: center;
	left: 475px;
	line-height: 36px;
}

.boton_paginacion_der {
	background: url(../imagenes/derecha_gris.png) no-repeat 8px 3px;
}

.boton_paginacion_izq {
	background: url(../imagenes/izquierda_gris.png) no-repeat 8px 3px;
}

.boton_paginacion_izq a, .boton_paginacion_der a  {
	display: block;
}

.boton_paginacion_izq:hover {
	background: url(../imagenes/izquierda_colo.png) no-repeat 8px 3px;
}

.boton_paginacion_der:hover {
	background: url(../imagenes/derecha_colo.png) no-repeat 8px 3px;
}

#contenedor_portfolio {
	height: 350px;
	width: 1040px;
}

#marca_portfolio {
	width: 240px;
	height: 110px;
	position: relative;
	float: left;
	margin-right: 20px;
	background-color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px; /* Firefox */
  	-webkit-border-radius: 15px 15px 15px 15px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
	text-align: center;
}



#frase_portfolio {
	width: 210px;
	position: relative;
	float: left;
	margin-right: 20px;
	border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px; /* Firefox */
  	-webkit-border-radius: 0px 15px 0px 15px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
	padding: 15px;
	height: 80px;
	background-color: #424242;
	color: #fffeff;
}

#frase_portfolio p {
	margin: 0;
}


.portfolio {
	width: 110px;
	height: 110px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}

.portfolio img {
	border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px; /* Firefox */
  	-webkit-border-radius: 0px 15px 0px 15px; /* Safari, Chrome */
	behavior: url(../js/border-radius.htc);
	
	-moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 5px #999999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333');

}

label {
	font-size: 14px;
	color: #666;
}