/************************************************************************************
CLASS HTML GENERAL STYLING
*************************************************************************************/


.hover:hover {
	opacity:.80; filter:alpha(opacity=80); cursor:pointer;
}

input.txt, select.txt, textarea.txt {
	padding: 5px; border:1px #CCC solid; color:#AAA; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow:0 0 4px #CCC; box-shadow:0 0 4px #CCC; 
}

input.txt:focus {
	color:#A1A1A1; border:1px #AAA solid; background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f3f3f3)); background:-moz-linear-gradient(left,  #FFFFFF,  #f3f3f3); background:linear-gradient(0deg, #f3f3f3, #FFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#f3f3f3');
}

input.b {
	padding:10px 15px; font-size:16px; background-color:#DF0209; color:#FFF; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; border:none; cursor:pointer;
}

img.bg {
	display:block;
}

a.b {
	padding:10px 15px; font-size:16px; background-color:#DF0209; color:#FFF; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
}
a.b:hover {
	background-color:#e49204;
}

img.rightBottom {
	margin:0 20px 15px 0;
}
img.leftBottom {
	margin:0 0 15px 20px;
}
img.bordered {
	border:3px #CCC solid;
	padding:3px;	
}

li#loading {
	width:32px;
	height:40px;
	display:none;
	background:url(../img/loading.gif) no-repeat center center;
}

.hover {
	transition: alpha 0.5s;
	-webkit-transition: alpha 0.5s;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.hover:hover {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

img.rec {
	border:1px #CCC solid;
}

.error {
	border:1px #F00 dotted !important;
}


.lnkRed {
	color:#D60634;
	font-size:13px;
	text-decoration:none;
}


/************************************************************************************
LIST
*************************************************************************************/
article.list {
	clear:both;
	width:100%;
	padding:0 0 15px 0;
	overflow:hidden;
	border-bottom:5px #E1E1E1 dotted;
	margin-bottom:20px;
}
article.list > a > img {
	margin:0 20px 10px 0;
}
article.list > p {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.5em;
}
article.list > h3 > a {
	font-weight:normal;
	text-decoration:none;
	color:#333;
}
article.list > h3 > a:hover {
	color:#DF0209;
}
article.list > h3 {
	font-size:24px;
}

div.list2 {
	float:left;
	width:31%;
	height:280px;
	padding:0 0 15px 0;
	overflow:hidden;
	margin:0 10px 10px 10px;
	text-align:center;
}
div.list2 > a > img {
	margin:0 20px 10px 0;
	min-width:100%;
}
div.list2 > h2 > a {
	font-size:16px;
	text-decoration:none;
	line-height:1em;
}
div.list2 > h2 > a:hover {
	color:#DF0209;
}
div.list2 > h2 {
	font-size:16px;
	line-height:1em;
}

div.franquicias {
	height:320px;	
}


div.list3 {
	width:100%;
	padding:0 0 20px 0;
	overflow:hidden;
	border-bottom:1px #E1E1E1 dotted;
	margin:0 10px 30px 10px;
	text-align:center;
}
div.list3:last-child {
	border-bottom:none;
}
div.list3 div {
	float:left;
	width:48%;
	padding:0 5px 0 5px;
}
div.list3 > div > a > img {
	margin:0 20px 10px 0;
	min-width:100%;
	text-align:center;
}
div.list3 > h2 {
	font-size:16px;
}
div.list3 > h2 > a {
	font-weight:normal;
	text-decoration:none;
	color:#333;
}
div.list3 > h2 > a:hover {
	color:#DF0209;
}
div.list3 > h2 {
	font-size:22px;
}

article.list4 {
	float:left;
	width:47%;
	padding:0 0 35px 0;
	overflow:hidden;
	border-bottom:5px #E1E1E1 dotted;
	margin:0 10px 30px 10px;
}
article.list4 > h3 {
	font-size:14px;
}
article.list4 > iframe {
	min-width:100%;
}

article.list5 {
	float:left;
	width:47%;
	padding:0 0 15px 0;
	overflow:hidden;
	border-bottom:5px #E1E1E1 dotted;
	margin:0 10px 10px 10px;
}
article.list5 > h3 {
	font-size:20px;
}
article.list5 > iframe {
	min-width:100%;
}
article.list5 > a > img {
	margin:0 0 10px 0;
}

div.list6 {
	width:auto;
	padding:0 15% 25px 15%;
	overflow:hidden;
	border-bottom:1px #E1E1E1 dotted;
	margin:0 auto 20px auto;
	text-align:center;
}
div.list6 > h2 {
	font-size:20px;
}
div.list6 > a > img {
	margin:0 0 10px 0;
}
div.list6:last-child {
	border-bottom:none;
}


div.list7 {
	float:left;
	width:28%;
	height:400px;
	padding:0 2% 25px 2%;
	overflow:hidden;
	border-bottom:1px #E1E1E1 dotted;
	margin:0 auto 20px auto;
	text-align:center;
}
div.list7 > h2 {
	font-size:18px;
	line-height:1.1em;
}
div.list7 > h2 > a {
	list-style:none;
	text-decoration:none;
}
div.list7 > a > img {
	min-width:100%;
	margin:0 0 10px 0;
}




div.paginationList {
	float:left;
	width:100%;
	padding:15px 0 15px 0;
}
div.paginationList > ul {
	padding:0;
	margin:0;
}
div.paginationList > ul > li {
	list-style:none;
	float:left;
}
div.paginationList > ul > li > a {
	float:left;
	margin:0 10px 0 0;
}

li#listMessage {
    color: #FF0000;
    display: none;
    font-size: 14px;
    padding: 15px;
}


ul.sbMnu {
	padding:0; margin:0;
}
ul.sbMnu li {
	padding:0;
	margin:0 0 2px 0;
}
ul.sbMnu li a {
	text-decoration:none;
	padding:7px;
	padding-left:25px;
	display:block;
	color:#333;
	background:url(../img/marker-2.gif) no-repeat 15px center #EEE;
}
ul.sbMnu li a:hover {
	background-color:#DF0209;
	color:#FFF;
}
ul.sbMnu li a.current {
	color:#D60634;
}
ul.sbMnu li a.current:hover {
	color:#FFF;	
}


ul.sbMnu li.header {
	background-color:#CCC;
	color:#333;
	background-color:#CCC;
	display:block;
	padding:7px;
	font-size:14px;
	font-weight:bold;
}


/************************************************************************************
MENU MAQUINAS
*************************************************************************************/

.menuMaquinas a.header {
	background-color:#CCC;
	color:#333;
	background-color:#CCC;
	display:block;
	padding:7px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
	text-decoration:none;
}

.menuMaquinas ul {
	padding:0; margin:0; display:none;
}
.menuMaquinas ul li {
	padding:0;
	margin:0 0 2px 0;
}
.menuMaquinas ul li a {
	text-decoration:none;
	padding:7px;
	padding-left:25px;
	display:block;
	color:#333;
	background:url(../img/marker-2.gif) no-repeat 15px center #EEE;
}
.menuMaquinas ul li a:hover {
	background-color:#DF0209;
	color:#FFF;
}
.menuMaquinas ul li a.current {
	color:#D60634;
}
.menuMaquinas ul li a.current:hover {
	color:#FFF;	
}


/************************************************************************************
GALLERY SECTION
*************************************************************************************/

.sectionGallery {
	float:left;
	width:200px;
}
.sectionGallery div {
	width:100%;
	overflow:hidden;
}
.sectionGallery img {
	float:none;
	margin:0 0 5px 0;
}
.sectionGallery p {
	line-height:1.2em;
	font-size:12px;
}
.sectionGalleryContent {
	float:right;
	width:70%;
	padding:0 0 0 30px;
}


/************************************************************************************
CONTACTO
*************************************************************************************/
div.contactTxt {
	float:left;
	width:61%;
	padding:0 0 40px 0;
}	

div.contactImage {
	float:left;
	width:61%;
	padding:0 0 10px 0;
}
div.contactImage > img {
	max-width:100%;
}

div.formContact {
	float:right;
	width:35%;
}
div.formContact label {
	display:block;
}
div.formContact td {
	padding-bottom:5px;
}

div.contactMap {
	float:left;
	width:100%;
}

div#errorDiv {
	color:#F00;
	display:none;
	padding:10px 0 10px 0;
}

input#vrf {
	display:none;
}