﻿/*@font-face {
    font-family: Droid;
    src: url("DroidSans.ttf");
}
@font-face {
    font-family: Amatic;
    src: url("AmaticSC-Regular.ttf");
}
*/
	
BODY {font-family: 'droid_sansregular';; font-size:10pt; color:#666666;}

.titulos {font-family: 'amatic_scregular'; font-size:28pt; color:#555555; font-weight:bold;}
.negrita {font-weight:bold;}
.telefono {font-weight:bold; font-size:28pt;}
.coolty {color:#444444;}
h2 {padding:100px 00 00 220px; font-family: 'Droid Sans'; font-size:14pt; color: #B4B4B4;}
td.columnas3 {padding: 5px 30px 20px 30px; background-color:#E6E6E6; text-align:center; vertical-align:top;}
td.tabla {border-left:thin silver solid; padding:5px; border-bottom:thin silver solid}
td.tablatop {padding:5px; border-bottom:thin silver solid}
td.tablatitulos {border-left:thin white solid; padding:5px; border-bottom:thin silver solid; background-color:silver;font-size:11pt; color:white}
#distibuidores {padding:20px 00 00 220px;}

td.galeria { vertical-align:top}
td.galeria a{font-size:10pt; color:#666666; text-decoration:none; border:thin silver solid; display: block; padding:10px 00 10px 00; margin-bottom:5px}
td.galeria a:active {text-decoration:none; border:thin silver solid}
td.galeria a:visited {text-decoration:none; border:thin silver solid}
td.galeria a:hover {text-decoration: none; border: thin #999999 solid; box-shadow: 0 0 8px #444444;}

.titulo-form {text-align: left;padding: 20px 00 6px 45px;}
.left {text-align: left;}
.right {text-align: right;}
.right2 {text-align: right; padding:5px; border-bottom:thin silver solid}
.auto-style1 {vertical-align: middle;}
.fuente14pt {font-size:14pt;}

input { font-family: Tahoma, Verdana, Arial; font-size: 12pt; vertical-align:middle; height:30px; color:#666666; background-color: #f5f5f5; border:thin #cecece solid; border-radius:6px; margin:3px 5px 0 5px; padding:0px 0px 0px 10px;}
input.top { font-family: Tahoma, Verdana, Arial; font-size: 9pt; vertical-align:middle; height:16px; color:#d00101; background-color: #f5f5f5; border:thin #cecece solid; border-radius:4px; margin:0px 5px 0 0px;}
input.boton { font-family: Tahoma, Verdana, Arial; font-size: 12pt; vertical-align:middle; height:30px; color:#ffffff; background-color: #009900; border-radius:8px; border-color: #009900; margin:0px 5px 0px 0px; padding:5px 10px 30px 10px; cursor: pointer;}
input.boton:hover {background-color: #00dd00; box-shadow: 0 0 5px #009900; border-color: #009900;}
input:hover {box-shadow: 0 0 5px #009900; border-color: #009900;}
input:focus {box-shadow: 0 0 5px #009900; border-color: #009900;}
textarea { font-family: Tahoma, Verdana, Arial; font-size: 12pt; vertical-align:top; color:#666666; background-color: #f5f5f5; border:thin #cecece solid; border-radius:6px; margin:3px 5px 0 5px; padding:10px 10px 10px 10px;}
textarea:hover {box-shadow: 0 0 5px #009900; border-color: #009900;}
textarea:focus {box-shadow: 0 0 5px #009900; border-color: #009900;}


ul{
	list-style-type: none;
}
	ul li.menu{
		display: inline-block;
	}
		ul li.menu:last-child{
			border: none;
		}
		ul li.menu a{
			padding: 4px 20px 4px 20px;
			display: block;
			text-decoration: none;
			font-family: 'Droid Sans'; font-size:14pt; color:#ffffff;
			/*text-shadow: 1px 1px 1px #000;
			text-transform: uppercase;*/
			outline: 0;
		}
			ul li.menu a:hover{
				background: #222;
			}
			
						
			
#divContenedor{
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1100px;
	background: #fff;
	/*border: solid 1px #ccc;
	border-radius: 5px;
	box-shadow: 0 0 10px #ccc;*/
}
#divInfo{
	padding: 0px;
	text-align: center;
}

#header-wrap {
	background: #009900;
	height: 80px;
	position:fixed;
	z-index:200;
	width:100%;
	left:0;
	top:0;
}
#header {
	width: 1100px;
	margin: 0 auto;
	height:80px;
	position:relative;
	top:0;
}

#header #nav {
	margin-left: -180px;
	padding-left:00;
	padding-top:20px;
	list-style:none;
	text-align:center;
	font-size:18px;
}

#logo {
	width:176px;
	height:130px;
	position:absolute;
	background: url(../img/logoCoolty.png) no-repeat;
	left:10px;
	top:6px;
}

#twiter {
	width:40px;
	height:40px;
	position:absolute;
	background: url(../img/ico-twiter.png) no-repeat;
	left:800px;
	top:80px;
}
#facebook {
	width:40px;
	height:40px;
	position:absolute;
	background: url(../img/ico-facebook.png) no-repeat;
	left:841px;
	top:80px;
}
#pinterest {
	width:40px;
	height:40px;
	position:absolute;
	background: url(../img/ico-pinterest.png) no-repeat;
	left:882px;
	top:80px;
}

	

#twitercat {
	width:247px;
	height:30px;
	position:absolute;
	background: url(../img/twiter-cat.png) no-repeat;
	left:800px;
	top:80px;
}	


#idioma {
	position:absolute;
	text-decoration: none;
	left:950px;
	top:38px;
	font-family: 'Droid Sans'; font-size:14pt; color:#ffffff;
}	

.tenda {
	position:absolute;
	text-decoration: none;
	left:800px;
	top:38px;
	font-family: 'Droid Sans'; font-size:14pt; color:#ffffff;
}	

#tenda a{	padding: 4px 20px 4px 20px;
			display: block;
			text-decoration: none;
			font-family: 'Droid Sans'; font-size:14pt; color:#ffffff;
			/*text-shadow: 1px 1px 1px #000;
			text-transform: uppercase;*/
			outline: 0;
		}
#tenda a:hover{ background-color:#222222}


.camviidioma {}
.camviidioma a{
		padding: 4px 20px 4px 20px;
		/*display: block;
		text-decoration: none;*/
		color:fuchsia;
		/*outline: 0;*/
		}	
.camviidioma a:hover{background: #222;}	



#divEntrebloques {
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin-top:10px;
}

#divForm {
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin-top:10px;
}

#divfooter{
	color:white;
	background: #B4B4B4;
}

table.footer{
	width:100%
}

td.footer{
	width:300px;
	padding:30px 60px 30px 60px;
	vertical-align:bottom;
	text-align:left;
	
}

td.footer a:link {text-decoration:none; color:#0f5bce;}
td.footer a:active {text-decoration:none; color:#0f5bce;}
td.footer a:visited {text-decoration:none; color:#0f5bce;}
td.footer a:hover {text-decoration:underline; color:#0f5bce;}

#div800 {
	width:800px;
	text-align:center;
	margin-top:10px;
}
	
