@charset "utf-8";
/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto TIEDRAGLOBAL
desarrollado por: Umbrella Marketing y Comunicación
Fecha inicio: 
Fecha de finalización:
Archivo: tiedraglobal.css

 TABLA DE CONTENIDOS
 -------------------------
  1. General
  2. Títulos
  3. Enlaces & Botones
  4. Imagenes & Iconos & Thumbnails
  5. Formularios
  6. Paginación
  7. Cabecera
  8. Menu
  9. Pie
  10. Contenido Principal + páginas por secciones  
Copyright 2011 Umbrella Marketing y Comunicación */

/********************************************************************************
 1. GENERAL  body, a, estructura, img, div
*********************************************************************************/
body{font: normal 12px Arial, Helvetica, sans-serif;; color: #006699; overflow:auto; }
* {margin: 0; padding: 0; border: none;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0 0 1em 0;
	font-weight:normal;
	
} 
ul, ul li, ol, ol li{margin:0px; padding:0px; list-style:none; font: normal 12px Arial, Helvetica, sans-serif;, Helvetica, sans-serif;}
/*:focus {outline:0;}*/
img{border:none; margin:0px; padding:0px;}
#borde{width:100%; margin:auto;}
#contenedor{width:1100px; margin:auto; background:url(../img/fondo.png); height:1100px;}
#contenedor1{width:1100px; margin:auto; background:url(../img/fondo.png); height:970px;}
#contenedor2{width:1100px; margin:auto; background:url(../img/fondo.png); height:1000px;}
#contenedor3{width:1100px; margin:auto; background:url(../img/fondo.png); height:970px;}
#contenedor4{width:1100px; margin:auto; background:url(../img/fondo.png); height:900px;}
#contenedor5{width:1100px; margin:auto; background:url(../img/fondo.png); height:1650px;}
#contenido{width:1001px; margin:auto;}
#cabecera, #menu, #pie, #cuerpo #cuerpohome{
	float:left;
	width:1001px;
	/*height:470px*/
}
#container {
	margin-left: 100px;
	width: 1100px;
	padding: 0px;
}
/********************************************************************************
 2. TITULOS h1, h2, h3, h4, h5, h6
*********************************************************************************/
h1{font: bold 22px Arial, Helvetica, sans-serif;; color:#300; margin:15px 0px 10px 0px;}
h2{font: normal 20px Arial, Helvetica, sans-serif;; color:#930; margin-bottom:10px; }
h3{font: bold 16px Arial, Helvetica, sans-serif;; color:#300; text-align:center; margin:10px 0;}
h4{font: bold 14px Arial, Helvetica, sans-serif;; color:#666; margin:0 0 5px 0; border-bottom:1px solid #666; }
h5{font: bold 18px Arial, Helvetica, sans-serif;; color:#630; margin:0 0 5px 0; }
h6{font: bold 15px Arial, Helvetica, sans-serif;; color:#630; text-align:center;}
h7{font: bold 10px Arial; color:#fff; text-align:left;}


/********************************************************************************
 3. ENLACES Y BOTONES
*********************************************************************************/
a, a:link, a:visited, a:hover, a:active { font: bold 11px Arial, Helvetica, sans-serif;; color:#fff; text-decoration:none; cursor:pointer; outline:none; }
a:hover{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;;
}

/********************************************************************************
 4. IMAGENES & ICONOS
*********************************************************************************/
img {margin:10px 0 20px 0;}

/********************************************************************************
 5. FORMULARIOS
*********************************************************************************/
input, select, textarea{ float: left;  font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #d6dbde; padding:2px; background-color:#ffffff; color:#999; }
textarea { height:50px;}
.checkbox { border:none;}
button {cursor:pointer; } 
input:focus, select:focus, textarea:focus {
	background-color: #FFF;
	color: #000;
	text-decoration: underline blink;
} 
.formulario { width:460px; float:left; margin-left: 20px; margin-top: 12px;}
.boton{ float:left; width:100px; background-color:#006699; color:#fff; font-weight:bold; padding:5px 0; margin-left:20px; cursor:pointer; margin-top:10px; margin-bottom:50px; }
.boton:hover{background-color:#e55616; color:#fff;}

/********************************************************************************
 6. PAGINACIÓN
*********************************************************************************/

/********************************************************************************
 7. CABECERA
*********************************************************************************/
#cabecera{float:left; width:1001px; height:120px; padding:20px 0 0 0;}
	.logo{float:left; width:417px; background:url(../img/logo.png) top left no-repeat; height:99px; }
	.titulopagina{
	float:left;
	width:400px;
	height:89px;
	color:#999;
	padding-top:10px;
	font-family: Times New Roman;
	font-size: 40px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
	.puntospagina{float:left; width:170px; height:99px; }
	.puntos{float:right; width:170px; height:50px; background:url(../img/puntos.png) top right no-repeat; }
	.redes{float:right; width:80px; height:40px; background:url(../img/redes.png) top right no-repeat; }
		.logofacebook {float:right; width:40px; height:40px; }
		.logotwitter {float:right; width:40px; height:40px; }
	
/********************************************************************************
 8. MENU
*********************************************************************************/	
#menu{
	float:left;
	width:1001px;
	height:45px;
}
	.menuenlaces{
	float:left;
	width:830px;
	height:45px;
	background-color:#006699;
	border:1px solid #999;
}
		.menuenlaces ul{
	float:left;
	width:830px;
	height: 60px;
	font-size:14px;
}
		.menuenlaces ul li a{
	float:left;
	padding:14px 17px;
	color:#fff;
	font: normal 14px Arial, Helvetica, sans-serif;;
	font-weight: bold;
}
		.menuenlaces ul li a:hover{
	color:#F93;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}
		
	a.menucontacta {
	float:right;
	width:70px;
	height:15px;
	background:#ff9933 url(../img/sobre.png) 10px no-repeat;
	border:1px solid #999;
	color: #fff;
	padding:14px 40px;
	font: normal 14px Arial, Helvetica, sans-serif;;
	font-weight: bold;
}
	a.menucontacta:hover{
	color: #006699;
	font: normal 14px Arial, Helvetica, sans-serif;;
	font-size: 14px;
	font-weight: bold;
}

/*********************************************************************************
 9. PIE
*********************************************************************************/
#pie{

	height:44px;
	width:1001px;
	background-color:#006699;
	color: #FFF;
	font-size: 80%;
}
	.enlacespie{
	float: left;
	width:700px;
	background-color:#006699;	
	height:44px;
}
	.enlacespie ul{
	float:left;
	width:700px;
	font-size:10px;
}
	.enlacespie ul li{
	float:left;
	padding:14px 17px;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial;	
}
	.enlacespie ul li a{color:#fff;font-family: Arial;	}
	.enlacespie ul li a:hover{
	color:#ff9933;
}
.umbrella a{float:right; width:295px;padding:14px 5px 14px 0px;font-family:Arial; text-align:right; font-size:9px; }
.umbrella a:hover{color:#ff9933;}
			
/*********************************************************************************
 10. CONTENIDO PRINCIPAL - SECCIONES
*********************************************************************************/
	.cajahome{ float:left; width:246px; margin:20px 2px; }
	.titulohome {
	float:left;
	width:245px;
	height:10px;
	background-color:#006699;
	color:#fff;
	font: normal 14px Arial, Helvetica, sans-serif;;
	text-align:center;
	padding:13px 0;
	border:1px solid #999;
	font-weight: bold;
}
	.imagenhome1 { float:left; width:245px; height:290px; background:url(../img/home1.png) center 10px no-repeat; }
    .imagenhome2 { float:left; width:245px; height:290px; background:url(../img/home2.png) center 10px no-repeat; }
	.imagenhome3 { float:left; width:245px; height:290px; background:url(../img/home3.png) center 10px no-repeat; }
	.imagenhome4 { float:left; width:245px; height:290px; background:url(../img/home4.png) center 10px no-repeat; }
	.links { float:left; width:245px; height:290px;}
	
	#cuerpo p{color:#fff; font: normal 16px Arial, Helvetica, sans-serif;; margin:10px 0;}

/*********************************************************************************
SLIDE
*********************************************************************************/
#slide{float:left; width:1001px; height:320px; margin-bottom:20px; }
.slide{float:left; width:1001px; }
#myslideshow{ float:left; width:1001px }
/*********************************************************************************
FOTOS PÁGINAS 
*********************************************************************************/
.fotocarteleria{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto1.jpg) top left no-repeat; }
.fotocampanias{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto2.jpg) top left no-repeat; }
.fotopublicacionescorporativas{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto3.jpg) top left no-repeat; }
.fotocontacto{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto4.jpg) top left no-repeat; }
.fotomarketing{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto5.jpg) top left no-repeat; }
.fotolegal{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto6.jpg) top left no-repeat; }
.fotolegal2{float:left; width:1001px; height:320px; margin-bottom:20px; margin-top:10px; background:url(../img/foto7.jpg) top left no-repeat; }
/*********************************************************************************
CUERPOPÁGINAS 
*********************************************************************************/
	.cajafoto{ float:left; width:246px; margin:20px 2px; }
	.titulofoto {
	float:left;
	width:1001px;
	height:20px;
	background-color:#ff9933;
	color:#006699;
	font: normal 16px Arial, Helvetica, sans-serif;;
	text-align:left;
	border:1px solid #999;
	font-weight: bold;
}
	.textopagina {
	float:left;
	width:700px;
	height:460px;
	text-align:left;
	font: normal 14px color:#FFF;
	color: #FFF;
	margin-left: 250px
}


.showfoto { float:right; width:480px; height:400px;}/* border:1px solid red;}*/
.showtexto{
	float:left;
	width:440px;
	height:300px;
	padding:60px 0px 0px 0px;
	border: thin;
	border-color:#CCC;
	
}
.showtexto p{
	float:left;
	width:350px;
	color:#FFF;
	font-size:14px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:45px;
	}
/*Imagenes de slide interior*/
	#myreel{border:0px solid #f8ba69; width:498px; height:398px; padding:10px 0 0 0; float:left;}
	.paginate{width: 498px;text-align:center; border:1px solid red;}
	
.resaltado{color:#6F3;}
.marcofotos{float: left; width:940px; margin:auto; padding-left:30px; padding-right:30px;}
.marcofotos1{float: left; width:940px; height:230px; padding-left:30px; padding-right:30px;}
.fotospublicacion { float:left; width:1001px; height:400px;}
.espaciopublicacion { float:left; width:1001px; height:10px;}
.publicacion1 { float:right; width:245px; height:330px;  background:url(../img/pc01.png) no-repeat;}
.publicacion2 { float:right; width:245px; height:330px;  background:url(../img/pc02.png) no-repeat;}
.publicacion3 { float:right; width:245px; height:330px; background:url(../img/pc03.png) no-repeat;}
.publicacion4 { float:right; width:245px; height:330px;  background:url(../img/pc04.png) no-repeat;}
.texto1 { float:left; width:225px; height:20px; margin-top:280px; }
.texto2 { float:left; width:225px; height:20px; margin-top:280px; }
.texto3 { float:left; width:225px; height:20px; margin-top:280px; }
.texto4 { float:left; width:225px; height:20px; margin-top:280px; }
.pdf {float:left; width:225px; height:30px; background:url(../img/logo-pdf.png) no-repeat; }
.pdf1   {float:left; width:225px; height:30px;  margin-top:15px;}
.pdf2   {float:left; width:225px; height:30px;  margin-top:15px;}
.pdf3   {float:left; width:225px; height:30px;  margin-top:15px;}
.pdf4   {float:left; width:225px; height:30px;  margin-top:15px;}
.textopublicacion { float:left; width: 940px; height:70px; padding-left:20px; padding-right:20px; padding-top:20px;}
.textopublicacion p{
	float:left;
	width:900px;
	color:#FFF;
	font-size:14px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	}
.textocampanias{ float:left; width: 940px; height:55px; padding-left:40px; padding-right:20px; padding-top:20px; }
.textocampanias p{
	float:left;
	width:860px;
	color:#FFF;
	font-size:14px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	
	}
.textomarketing{ float:left; width: 940px; height:55px; padding-left:20px; padding-right:20px; }
.textomarketing p{
	float:left;
	width:900px;
	color:#FFF;
	font-size:14px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	
	}
.titulospublicaciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}

.formulario1 { float:left; width: 500px; height:390px; background: #fff}
.contacto { float:left; width: 400px; height:300px; padding:20px;}
.contacto p{
	float:left;
	width:380px;
	color:#FFF;
	font-size:14px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

.textolegal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.titulolegal {
	font-size: 20px;
	font-weight: bold;
}
.textoavisolegal{ float:left; width: 940px; height:350px; padding-left:30px; padding-right:30px; }
.textoavisolegal2{ float:left; width: 940px; height:1540px; padding-left:30px; padding-right:30px; }

.mensajeform { float: left; padding: 100px; font-size:18px; font-family:Arial, Helvetica, sans-serif font-weight:bold color:#FFF; }
.imgslide { float:left; width:550px; margin-top:10px;
}