body{
	margin: 0;
	font-family: "Myriad Pro", "Gill Sans", "Helvetica Neue", Helvetica, Arial, Verdana,sans-serif;
	margin:0;
	background: url(/images/fondo_rayitas.png) repeat-x;
}

#container{
	width: 800px;
	margin: 0 auto;
	border-right: 1px solid #1d62a3;
	border-left: 1px solid #1d62a3;
}
#header{
	height: 225px;
}
#header h1{
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	top: 40px;
	left: 10px;
	width: 152px;
	height: 130px;
	background-image: url(/images/logo_ccc.png);
	z-index: 1;
}

#header h1 span,#header h2 span{
	display: none;
}
#header h2{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 40px;
	width: 582px;
	height:117px;
	background-image: url(/images/invitaciones.png);
}
#header ul{
	padding: 0;
	margin: 0;
	position: relative;
	float: right;
	top: -25px;
	margin-right: 10px;
}
#header ul li{
	display: inline;
	list-style: none;
}
#header ul li a{
	float: left;
	display: block;
	padding: 10px 0 10px 0;
	width: 95px;
	height: 82px;
	padding:0;
	margin:0 2px 0 2px;	
}
#header ul li a span{
	display: none;
}

#header li a.home{
	background-image: url(/images/botones/home.png);
}
#header li a.home:hover{
	background-image: url(/images/botones/home_brillo.png);
}

#header li a.empresa{
	background-image: url(/images/botones/quienes_somos.png);
}
#header li a.empresa:hover{
	background-image: url(/images/botones/quienes_somos_brillo.png);
}
#header li a.valores{
	background-image: url(/images/botones/valores.png);
}
#header li a.valores:hover{
	background-image: url(/images/botones/valores_brillo.png);
}
#header li a.tienda{
	background-image: url(/images/botones/tienda.png);
}
#header li a.tienda:hover{
	background-image: url(/images/botones/tienda_brillo.png);
}
#header li a.franquicias{
	background-image: url(/images/botones/franquicias.png);
}
#header li a.franquicias:hover{
	background-image: url(/images/botones/franquicias_brillo.png);
}
#header li a.contacto{
	background-image: url(/images/botones/contacto.png);
}
#header li a.contacto:hover{
	background-image: url(/images/botones/contacto_brillo.png);
}


#anchocompleto{
	background-color: #fff;
}
#anchocompleto img{
	padding: 0;
	margin: 0;
}

#colizq{
	padding: 0;
	margin: 0;
	float: left;
	width: 400px;
}
#colizq img{
	border: 0;
}

#colder{
	padding-top: 20px;
	float: right;
	left: 400px;
	width: 400px;
	z-index: 1;
}
#colder h1{
	font: 2.5em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	padding: 5px 0 5px 60px;
	color: #02a5c7;
}
#colder p{
	padding-left: 20px;
	letter-spacing: 1px;
}

#cintillo{
	background-image: url(/images/cintillo_servicios.gif);
	height: 32px;
	clear: both;
}
#piedepagina{
	text-align: center;
	background-color: #1d62a3;
	border: 1px solid #1d62a3;
}
#piedepagina li{
	display: inline;
	padding: 2px 12px 2px 8px;
	border-right: 2px solid white;
	color: #fff;
	font-size: 70%;
	letter-spacing: 2px;
}
#piedepagina a,#piedepagina a:visited,#piedepagina a:active{
	color: white;
	text-decoration: none;
}
#piedepagina a:hover{
	color: #02a5c7;
	text-decoration: none;
}

#piedepagina li.last{
	border: 0;
}
#piedepagina p{
	clear: both;
	color: #fff;
	font-size: 0.8em;
	letter-spacing: 1px;
}

/*Empresa*/
.rosa{
	height: 573px;
	color: #02a5c7;
	background-color: #fee8f3;
}
.foto_empresa{
	height: 593px;
	background: url(/images/foto_quienes_somos.jpg) no-repeat;
}
h1.empresa{
	background: #fef4f9 url(/images/Icono_quienes_somos.gif) no-repeat 10px 14px;
}

/* Valores */
.foto_valores{
	height: 593px;
	background: url(/images/foto_valores.jpg) no-repeat;
}
h1.valores{
	background: #ecf8fb url(/images/icono_valores.gif) no-repeat 10px 14px;
}
.azul{
	height: 573px;
	color: #739ccd;
	background-color: #d7eef4;
	
}

#colder #mision{
	position: relative;
	left: 80px;
	top: -45px;
	width: 310px;
	height: 200px;
	z-index: 1;
	background: url(../images/nube_mision.gif) no-repeat;
}
#colder #mision p{
	padding: 93px 20px 80px 20px;
	font-size: 0.7em;
	text-align: center;
}

#colder #vision{
	position: relative;
	left: 10px;
	top: -100px;
	width: 310px;
	height: 200px;
	z-index: 2;
	background: url(../images/nube_vision.gif) no-repeat;
}
#colder #vision p{
	padding: 95px 20px 80px 20px;
	font-size: 0.7em;
	text-align: center;
}

#colder #valores{
	position: relative;
	left: 80px;
	top: -145px;
	width: 310px;
	height: 200px;
	z-index: 3;
	background: url(../images/nube_valores.gif) no-repeat;
}
#colder #valores p{
	padding: 95px 20px 80px 20px;
	font-size: 0.7em;
	text-align: center;
	word-spacing: 5px;
}

/* franquicias */
.foto_franquicias{
	height: 593px;
	background: #cfdeed url(/images/foto_franquicias.jpg) no-repeat;
}
h1.franquicias{
	background: #cfdeed url(/images/icono_franquicias.gif) no-repeat 10px 14px;
}

#colder p{
	padding-bottom: 0;
	font-size: 0.8em;
}
#colder ul{
	font-size: .8em;
	padding-left: 35px;
}
#colder a{
	color: #02a5c7;
}
#colder a:hover{
	color: #02a5c7;
	text-decoration: none;
}

.masazul{
	height: 573px;
	color: #1d62a3;
	background-color: #9ebedb;
}

#scrollit{
	height: 450px;
	overflow:auto;	
}

/* contacto */
.foto_contacto{
	height: 593px;
	background: #cfdeed url(/images/foto_contacto.jpg) no-repeat;
}
h1.contacto{
	background: #fff5e9 url(/images/icono_contacto.gif) no-repeat 10px 14px;
}

.melon{
	height: 573px;
	color: #1d62a3;
	background-color: #feebd4;
}

#colder label{
	font-size: 1em;
}
#colder input,#colder textarea{
	margin: 0;
	display: block;
	border: 1px solid #feebd4;
}
#colder textarea{
	width: 350px;
}

#colder input.grande{
	width: 350px;
}
#colder input.mediano{
	width: 175px;
}
#boxleft{
	float:left;
	width:175px;
}
#boxright{
	width: 175px;
	float:left;
	margin-right: 20px;;
}


form{
	padding: 0;
	margin: 0;
} 

#portada{
	width:800px;
	height:593px;
	background-image: url(/images/foto_home.png);
}

#botonNuevaFranquicia{
    float:right;
    z-index:10;
}

 
img{
	border:0px;
} 

span.fondoblanco{
	background-color:white;
	padding:2px 4px 2px 4px;
}