@charset "utf-8";
/* CSS Document */

/*
	cel:		#00acec
	taronja:	#f7941e;
	
		-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
	-moz-box-shadow: 0 0 7px #555;
	-webkit-box-shadow: 0 0 7px #555;
	box-shadow: 0 0 7px #555;
*/

@import url('https://fonts.googleapis.com/css?family=Roboto|Shadows+Into+Light|Kalam');

@font-face {
	font-family: "segoescb";
	src: url(http://www.portvil.com/plantillas/segoescb.ttf) format("truetype");
}

* { font-family:Roboto, Tahoma, Geneva, sans-serif}

.clear { clear:both; height:1px; width:100%  }
.iz { float:left; }
.de { float:right; height:auto }

body, html { margin:0px; padding:0px; text-align:center }

.negro { background-color:#000; color:#FFF; font-size:10px; height:37px; line-height:37px  }
.content { width:1230px; margin:0 auto 0 auto; overflow:hidden; height:auto; text-align:center }

h1 { font-family:"segoescb", cursive; color:#000; font-size:24px; color:#00acec}
#cuerpo h2 { color:#00acec; }
h3 { color:#00acec; }

.top { margin-top:247px; clear:both; position:absolute }

#cabecera { height:147px; border-bottom:3px solid #00acec; width:100%; background-color:#FFF; z-index:100 }
#cabecera ul, #cabecera li { margin:0px; padding:0px; list-style:none; }
#cabecera li { text-transform:uppercase; display:inline-block; margin-right:20px }
#cabecera a { color:#00acec; }
#cabecera .negro a { text-decoration:none; }
#cabecera .negro a:hover { text-decoration:underline; }
#cabecera .negro .iz a { color:#FFF; }

#cabecera .blanco {}
#cabecera .blanco .content div { height:70px; line-height:70px; margin-top:20px; }
#cabecera .logo { float:left; margin-right:40px }
#cabecera .slogan { float:left; font-family: 'segoescb', cursive; font-size:24px; color:#00acec}
#cabecera .menu  {float:right;}
#cabecera .siguenos { border-left:solid 1px #999; padding-left:20px; }
#cabecera .siguenos span { width:40px; height:40px; cursor:pointer; display:inline-block }
#cabecera .siguenos span:first-child { width:40px; height:40px; cursor:pointer; margin-left:0px }
#cabecera .siguenos span a { text-decoration:none; color:#000}


label { display:block; width:100%; text-align:left }

a.button {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	line-height:49px; width:250px; display:inline-block;
	background:#f7941e; color:#FFF; text-decoration:none;
	text-align:center; padding:0px 10px 0px 10px;
	cursor:pointer;
}
a.button:hover { color:#000; }

#pie { border-top:5px solid #e0922e; height:295px; clear:both } 
#pie .content { margin-top:20px; text-align:left;}
#pie .negro { text-align:center; }

.col2 {	
	-moz-column-count: 2;
    -moz-column-gap: 10px;
    -moz-column-rule: 0px solid #ccf;
	-moz-column-width: 100px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -webkit-column-rule: 0px solid #ccf;
	-webkit-column-width: 100px;
    column-count: 2;
    column-gap: 10px;
    column-rule: 0px solid #ccf;
	column-width: 100px;
	text-align:left;
}

.col3 {	
	-moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-rule: 0px solid #ccf;
	-moz-column-width: 100px;
    -webkit-column-count: 3;
    -webkit-column-gap: 2px;
    -webkit-column-rule: 0px solid #ccf;
	-webkit-column-width: 100px;
    column-count: 3;
    column-gap: 2px;
    column-rule: 0px solid #ccf;
	column-width: 100px;
	text-align:left;
}

.col4 {	
	text-align:center;
	-moz-column-count: 4;
	-moz-column-width: 25%;
    -webkit-column-count: 4;
	-webkit-column-width: 25%;
    column-count: 4;
	column-width: 25%;

}
.col4 a { text-decoration:none; font-size:12px; color:#000 }
.col4 a:hover { text-decoration:underline; }


#pie { font-size:11px; overflow:hidden }
#pie a { color:#000; text-decoration:none; }
#pie a:hover { text-decoration:underline; }


#pie .logo { width:430px; margin-right:50px; float:left }
#pie .logo ul { margin:0px ; padding:0px; list-style:none; }
#pie .logo ul li { display:inline-block; }
#pie .logo a { color:#00acec; text-decoration:none; font-size:10px; margin-right:10px }

#pie .contacto { float:left; margin-right:50px;}
#pie .zonas { float:left; width:340px; }

#pie .visa {
	float:right; background:url(../img/pago-seguro.png) right bottom no-repeat; width:200px; height:140px; 
}

#pie .negro a { color:#FFF; }
#pie h4 { color:#00acec; }

.cat { height:30px; background:no-repeat; margin-bottom:20px }
.car { height:259px; overflow:hidden; display:block; float:left; margin-left:20px; width:395px; }
.car ul { height:auto; }
.car ul, .car li {list-style:none; margin:0px; padding:0px; overflow:hidden }
.car li { line-height:45px; display:inline-block; width:155px; padding-left:35px; margin-bottom:0px; font-size:12px; color:#00acec;   }
.car li span {color:#000; }

.boxline {
	width:100%; height:auto;clear:both; margin:20px 0px 20px 0px; display:block; 
}
.boxline .button { background:#00acec; }
h4 span { color:#666; font-style:italic }

#pie .siguenos span { width:30px; height:30px; cursor:pointer; display:inline-block }
#pie .siguenos span:first-child { width:40px; height:40px; cursor:pointer; margin-left:0px }
#pie .siguenos span a { text-decoration:none; color:#000}

a.blanco { color:#FFF; }