﻿/* ----------------------------------------------
 CSS IMAGEMA COMUNICACION
------------------------------------------------- */

/*  - HTML ELEMENTS - */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #ffffff;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #666666; 
	text-align: center;	
}

/* links */
a, a:visited {	
	color: #515151;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #ee0b8b;
	background: inherit;
}
/* headers */
h1 {
	font-family: 'Arial Rounded MT Bold', Helvetica, Arial, Sans-serif;
	font-weight:lighter;
	font-size: 17px;
	letter-spacing: 0px;
	font-variant:small-caps;
	padding: 15px 0px 5px 0px;	
	float:left;		
	color: #e81e9a;			
}
h2 {
	font-family: 'Arial Rounded MT Bold', Helvetica, Arial, Sans-serif;
	font-weight:lighter;
	font-size: 14px;
	padding:0px 180px 10px 0px;
	float:left;	
	color: #ffffff;
}
h3 {
	width:230px;
	font:bold 17px/16px 'Arial Rounded MT', Helvetica, sans-serif;
	letter-spacing: 5px;
	font-variant:small-caps;
	padding: 5px;
	margin:5px 0px 0px 0px;
	float:left;		
	color: #4e4e4e;		
}
h4 {
	width:230px;
	font:bold 17px/26px 'Arial Rounded MT', Helvetica, sans-serif;
	letter-spacing: 3px;
	font-variant:small-caps;
	padding: 0px;
	margin:0px 0px 25px 5px;
	float:left;		
	color: #4e4e4e;	
}
h5 {
	width:230px;
	font:bold 17px/26px 'Arial Rounded MT', Helvetica, sans-serif;
	letter-spacing: 0px;
	font-variant:small-caps;
	padding: 0px;
	margin:0px 0px 10px 5px;
	float:left;		
	color: #4e4e4e;			
}
/* Paragraph */
p { 
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
}
.medio { 
	width:370px;
	text-align: justify;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding-top:45px;
}
.medio2 { 
	width:370px;
	text-align: justify;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
}
.texto {
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding-top:45px;
}
.texto2 {
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding:5px 5px 0px 0px;
	font-variant:small-caps;	
}
.texto3 {
	text-align: justify;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding:10px 30px 0px 0px;
	font-variant:small-caps;
	line-height:18px;	
}
.titulo {
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding:10px 5px 0px 0px;
	font-variant:small-caps;
	color:#d2005e;	
}
.titulo2 {
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding:45px 5px 0px 0px;
	font-variant:small-caps;
	font-size:14px;
	color:#d2005e;	
}
.titulo3 {
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding:5px 5px 0px 0px;
	font-variant:small-caps;
	font-size:14px;
	color:#d2005e;	
}
.telefono {
	text-align:left;
	font-family: 'Arial Rounded MT Bold', Helvetica Neue, Arial, Sans-serif;
	padding:10px 25px 0px 0px;
	font-variant:small-caps;
	color:#ffffff;	
}
.centro {
	width:650px;
	text-align:center;
	font-variant:small-caps;
}
.centro2 {
	text-align:center;
	font-variant:small-caps;
}
.clear {
	clear:both;
	background:#ffffff;
}
/* images */
img {
	float:left;
	padding: 0px;
}
.foto {
	border-bottom: 1px #777777 dotted;
	border-top: 1px #777777 dotted;
	margin:5px 0px 5px 0px;
}
.trabajos {
	border: 1px #777777 solid;
	padding:3px;
	margin:5px 0px 5px 0px;
}
.icono {
	margin:4px 4px 0px 0px;
}
.icono2 {
	margin:0px 10px 0px 10px;
}
.izq_formulario{
	width:370px;
	margin:0px;
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#414040;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 926px;
	height: auto;
	background: #ffffff;
	margin: 2px auto;	
}
#header {
	width: 926px;
	height: 215px;
}
#flash_header {
	width:926px;
	height:158px;
	padding-bottom:0px;
}
#datos {
	width:130px;
	float:right;
	color:#727272;
	margin-top:7px;
}
#fecha {
	font-size: 10px;
	font-family: "Lucida Sans", Lucida, Tahoma, Verdana, sans-serif;
	color: #969696;
	font-weight: bold;
	margin-top: 20px;
	margin-left:185px;
	width: 160px;
	float: left;
}
#bandera{
	width:180px;
	padding:20px 5px 0px 10px;
	float:left;
}
.bandera{
	padding:5px 5px 0px 10px;
	border:none;
}
.idioma{
	padding:5px 0px 5px 5px;
	font-size:10px;
	color:#d1d1d1;
}
.idioma a{
	color:#d1d1d1;
	text-decoration:none;
}
.idioma a:hover{
	color:#909090;
	text-decoration:none;
}
#contenedor {
	width:926px;
	height:auto;
	padding-top:0px;
}
#right {
	width: 680px;
	float:right;
}
#left{
	width:240px;
	height:auto;
	float:left;
	background:#ffffff;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
/* menu */
#menu ul.btns{
	width:680px;
	height:32px;
	background:url(images/bot_bg.gif) 0 0 repeat-y;
	float:right;
}
#menu ul.btns li{
	float:left;
	margin-left:35px;
	margin-right:20px;
	display:block;
}
#menu ul.btns li.noMargin2{
	margin:0;
}
#menu ul.btns li a{
	font:bold 12px/32px Arial, Helvetica, sans-serif;
	color:#FAFDFF;
	background-color:inherit;
	text-decoration:none;
}
#menu ul.btns li a:hover{
	color:#000000;
	background-color:inherit;
}
#caja_left {
	width:400px;
	float:left;
}
#caja_right {
	width:280px;
	height:auto;
	float:right;
	background:#ffffff;
}
#caja_trabajos {
	width:680px;
	float:left;
}
#caja_fotos {
	width:300px;
	height:auto;
	margin: 0px 0px 0px 25px;
	float:left;
	background:#ffffff;
}
#caja_fotos2 {
	width:300px;
	height:auto;
	margin: 0px 25px 0px 0px;
	float:right;
	background:#ffffff;
}
#cuadro {
	width:330px;
	text-align:left;
	font-family: 'Arial Rounded MT', Helvetica Neue, Arial, Sans-serif;
	padding:10px 20px 10px 20px;
	background:#e1e1e1;
	border: 1px #e1e1e1 solid;	
}
#cuadro2 {
	text-align:left;
	font-family: 'Arial Rounded MT', Helvetica Neue, Arial, Sans-serif;
	padding:15px;
	margin:10px 0px 0px 0px;
	line-height:18px;
	color:#ffffff;
	background:#8b8b8b;		
}
#cuadro3 {
	text-align:left;
	font-family: 'Arial Rounded MT', Helvetica Neue, Arial, Sans-serif;
	padding:15px;
	margin:10px 0px 0px 0px;
	line-height:18px;
	color:#5a5a5a;
	border:1px #d7d7d7 dotted;
	background:#ffffff;		
}
#cuadro4 {
	width:190px;
	text-align:left;
	font-family: 'Arial Rounded MT', Helvetica Neue, Arial, Sans-serif;
	padding:15px;
	margin:10px 0px 0px 0px;
	line-height:18px;
	color:#5a5a5a;
	border:1px #e5e5e5 dotted;
	background:#ffffff;		
}
#clientes{
	width:240px;
	height:auto;
	float:left;
	padding: 0px;
	margin:20px 0px 0px 0px;
	background:#ffffff;
	text-align:left;
}
#trabajos {
	width:390px;
	float:left;	
}
#fotos {
	width:320px;
	float:left;	
}
#fotos2 {
	width:320px;
	float:right;	
}
#copyright {
	width: 926px;
	height:auto;
	padding:5px 0px 0px 0px;
	background:	#ffffff;
	margin:10px 0px 10px 0px;
	text-align:center;	
}
/* Formulario contacto */
#formulario_contacto{
	width:370px;
	height:auto;
	padding:0px;
	float:left;
}
#caja_form{
	width:360px;
	height:auto;
	padding:30px 5px 0px 5px;
	float:left;
}
.form_row{
	float:left;
	padding:4px 0 4px 0;
	font-variant:small-caps;
}
label{
	width:70px;
	float:left;
	padding:3px 5px 0 0;
	color:#9f9f9f;
	text-align:right;
}
input.contact_input{
	width:280px;
	height:18px;
	float:left;
	border:1px #d5d5d5 solid;
	background-color:#ffffff;
	color: #000;
}
textarea.contact_textarea{
	width:280px;
	height:120px;
	float:left;
	border:1px #d5d5d5 solid;
	background-color:#ffffff;
	color: #000;
}
.send{
	float:right;
	padding:15px;
}
