body, html {
	height:100%;
}
body {
	background: url(../img/bkgs/bkg_content.gif);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333;	
}
h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #333333;
	font-weight: 300!important;
	margin: 0 0 25px 0;
}
h3 {
	font-size: 24px;
	margin: 0 0 10px 0;
	text-align:center;
}
h4 {
	font-size: 30px;
	margin: 20px 0 10px 0;
	font-weight:300;
}
h5 {
	font-size:24px;
	margin: 30px 0 10px 0;
	font-weight:300;
	padding-bottom:10px;
	border-bottom:1px dotted #cdc896;
}
#wrap {
	min-height:100%;
	overflow:auto;
	padding-bottom:330px;
	-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    	/* Firefox, other Gecko */
	box-sizing: border-box;         	/* Opera/IE 8+ */
}
#wrap-logged {
	min-height:100%;
	overflow:auto;
	padding-bottom:156px;
	-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    	/* Firefox, other Gecko */
	box-sizing: border-box;         	/* Opera/IE 8+ */
}
a {
  color: #767a24 !important;
}

label, input, button, select, textarea {
	font-size: 14px;
}
a:hover,
a:focus {
  color: #5b5e1b !important;
}
.condiciones ul {
	list-style-type: lower-latin;
}

/* Header */
.header {
	background: #2d2d2d;
	height: 93px;
	border-bottom: 1px solid #222222;
}
.header p {
	color:#999999;
	margin-top:41px;
}
.header strong {
	color:#ffffff;
}
.header a {
	color:#f99b17!important;
}
.logo {
	width: 153px;
}
.logo img {
	margin-top: 18px;	
}
.logo p {
	font-size: 11px;
	color: #CCC;
	margin: 0px;
	line-height: 7px;
}

/* Menu Comercial*/
.menu {
	background: #FFF;
	height:48px;
}

.menu .menu-mi-cuenta {
	text-decoration: none;
	background: #cdc896;
	height:48px;
	padding: 16px 0 0 63px;
	font-size:18px;
	-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    	/* Firefox, other Gecko */
	box-sizing: border-box;         	/* Opera/IE 8+ */
}
.menu .menu-mi-cuenta a{
	color:#333333!important;
}
.navbar {
	margin-bottom:0;
}
.navbar .navbar-inner {
	background:none;
	border:none;
	box-shadow:none;
	padding: 0!important;
}
.navbar .nav {
	margin: 0;
	display: table;
	width: 860px;
}
.navbar .nav li {
	display: table-cell;
	width: 1%;
	float: none;
	list-style-type: none;
	height: 48px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;				
}
.navbar .nav li:hover {
	background: #cdc896;	
}
.navbar .nav li a {
	text-align: center;
	font-size: 16px;
	color: #333!important;
	font-weight:300;
	text-shadow:none;
}
x:-o-prefocus, .navbar .nav li a {
	font-size: 15px; /* solo para pedro y opera */
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	text-decoration: none;
	box-shadow:none;
	background: #cdc896;	
}
.navbar .nav > li > a {
	padding:14px 10px 14px;
}
.menuSocial {
	float:left;
	padding-top:10px;
}
.menuSocial .fb {
	display:block;
	height:29px;
	width:29px;
	background:url(../img/icons/icon_fb_small.png) no-repeat;
	float:left;
	margin:0 10px 0 10px;
	transition:opacity ease-in-out 0.2s;
	-moz-transition:opacity ease-in-out 0.2s;
	-webkit-transition:opacity ease-in-out 0.2s;
}
.menuSocial .tw {
	display:block;
	height:29px;
	width:29px;
	background:url(../img/icons/icon_tw_small.png) no-repeat;
	float:left;
	transition:opacity ease-in-out 0.2s;
	-moz-transition:opacity ease-in-out 0.2s;
	-webkit-transition:opacity ease-in-out 0.2s;
}
.menuSocial .fb:hover, .menuSocial .tw:hover {
	opacity:0.7;
}
.menuSocial a {
	height:48px;
}
.content-main {
	background: url(../img/decos/bkg_deco_content.png) top repeat-x;
	padding-top: 40px;
}
.content img {
	margin: 15px 0 24px 0;
}
.decoSeparate {
	position: relative;
	padding-bottom: 85px;
	margin-bottom: 20px;
	border-left: 1px solid #333;
}
.decoSeparate .separateImg {
	position: absolute;
	left: -1px;
	top: 0px;
}
.alert {
	overflow:hidden;
}
.alert p {
	float:left;
	width: 85%;
}
.alert img {
	float:left;
	margin:10px 20px 0 0;
}
.alert-error a {
	color: #333;
	text-decoration: underline;
}
.alert_pass {
	margin:20px 0 0 0!important;
	font-size:12px;
	line-height:15px;
}
.form-registro [type="text"], .controls textarea {
	font-style: italic;
}
.controls textarea {
	font-size: 14px;
}
.form-registro select {
    font-style: italic;
		color: #999;
}
.container {
	width: 980px;
	min-width:980px;
}
.title-right {
	margin-left: 502px;
}
.mod-iline li {
	display: inline;
}
.verificCheckbox {
	overflow: hidden;
	margin-bottom: 10px;
}
.verificCheckbox p {
	float: right;
	display: block;
	width: 250px;
	margin-right: 11px;
}
.verificCheckbox .checkbox {
	float: right;
	display: block;
	width: 10px;
	margin-top: 12px;
}
.linkOlvido {
	text-align: right;
	padding-right: 12px;
	margin-bottom: 8px;
}
.decoSeparateCont {
	position: relative;
}
.infoSection {
	position: absolute;
	top: -15px;
	left: -473px;
	width: 450px;
}
.titleInterForm {
	margin: 0 0 35px 0;
}
.texdoubleLine {
	line-height: 13px !important;
	padding-top: 2px !important
}
.imgThumbnail {
	float: right !important;
}
.btnFileupload {
	float: left;
	width: 113px;
}
.controls .btnFileupload .btn {
	margin-bottom: 4px;
}
.decoMigos {
	margin-left: 127px;
}
.infoEnd {
	padding-top: 20px;
}
.decoInfoEnd {
	margin: 35px 0 4px 0;
}
.btnVerPerfil {
	margin: 60px 0 40px 0;
	overflow: hidden;
}
.btnVerPerfil a {
	color:#333!important;
}
.btnVerPerfil .btn-success {
	float: right;
}
.btn-form-main .btn-success {
	float: right;
	overflow: hidden;
}
.form-usuario .btn-form-main {
	padding-right: 12px;
}
.btn-form-main .preview {
	margin-right: 19px;
	float: right;
	overflow: hidden;	
}
.preview {
	padding: 4px 20px 4px 20px !important;
	font-size: 14px !important;	
	color: #333333 !important;
	font-family:'Open Sans';
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -moz-linear-gradient(top, #fdfdfd, #e8e8e8) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#e8e8e8)) !important;
	background-image: -webkit-linear-gradient(top, #fdfdfd, #e8e8e8) !important;
	background-image: -o-linear-gradient(top, #fdfdfd, #e8e8e8) !important;
	background-image: linear-gradient(to bottom, #fdfdfd, #e8e8e8) !important;
	border-color: #dbdbdb !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8', GradientType=0) !important;
}
.preview:hover {
  text-decoration: none !important;
	color: #333333 !important;
	background-position: bottom !important;
	background-image: linear-gradient(to bottom, #fdfdfd, #dadada) !important;
	background-image: -moz-linear-gradient(top, #fdfdfd, #dadada) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#dadada)) !important;
	background-image: -webkit-linear-gradient(top, #fdfdfd, #dadada) !important;
	background-image: -o-linear-gradient(top, #fdfdfd, #dadada) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dadada', GradientType=0) !important;	
}

/* Mi cuenta */
.menu-admin {
	background-color: rgba(205, 200, 150, 0.20);
	padding: 30px 22px 10px 20px;
	-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    	/* Firefox, other Gecko */
	box-sizing: border-box;         	/* Opera/IE 8+ */
	margin-top: -30px;
}

.menu-admin .marg-menu h2 {
	margin-left: 0px;
	margin-bottom: 25px;
}
.menu-admin .marg-menu .menu-user li {
	margin: 0 0 5px 0;
	list-style-type: none;
}
.menu-admin .marg-menu .menu-user li a {
	font-size: 13px;
}
.menu-admin .marg-menu .menu1 {
	margin: 0 0 3px 0;
}
.menu-admin .marg-menu .menu2 {
	margin: 0px;
}
.divider {
	height: 1px;
	margin: 9px 1px;
	overflow: hidden;
	background-color: #cdc896;
}
.name-user {
	font-size: 18px;
	padding: 13px 0 0 0 !important;
}

.name-user:hover {
	background: none !important;
}
.name-user .icon-user {
	margin:6px 5px 0 0;
}
.title-home-admin {
	margin: 0 0 35px 0;
}
.mod-info-home {
	width: 100%;
	margin-bottom: 19px;
	background: #FFF;
	-moz-border-radius: 5px;		/*para Firefox*/
	-webkit-border-radius: 5px;		/*para Safari y Chrome*/
	border-radius: 5px;				/* para Opera */	
	border: 1px solid #cdc896;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.marg-mod-info {
	padding: 19px 19px 0 0;
	overflow: hidden;
	position: relative;
}
.mascota-info {
	border-color:#cdc896;	
}
.mascota-perdida {
	border-color:#7c2525;	
}
.mod-info {
	width: 498px;
}
.mod-info h2 {
	font-size: 24px;
	font-weight: normal;
	text-transform:uppercase;
	line-height:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:12px;
}
.mod-info p {
	margin-bottom: 2px;
}
.btns-info-home {
	margin-top: 20px;
}
.btns-info-home .preview {
	float: left;
}
.btns-info-home .report {
	float: right!important;
}
.btns-info-home .btn-success {
	float: left;
	margin-left:20px;
}
.btn-edit-mascota {
	background:url(../img/icons/icon_edit_datos_admin.png)#bac141 10px no-repeat!important;
	float:right;
	margin:20px 0;
	width:153px;
	padding-left:40px;
}
.btn-edit-mascota:hover {
	background-color:#a5ac35!important;
}
.info-migo {
	display: block;
	margin: 0px;
	width: 136px;
	padding:0;
}
.info-migo li {
	list-style-type: none;
	overflow: hidden;
}
.info-migo li img {
	float: left;
	margin-right: 17px;
}
.info-migo li p {
	float: left;
}
.btns-mascota-admin {
	border-top:1px solid #ccc;
	background:#fafafa;
	overflow:hidden;
	border-radius:0 0 5px 5px;
	padding: 0 22px 20px 22px;
}
.info-migo .recarga {
	margin-top:20px;
	background:#f8f6e1;
	padding:10px;
}
.info-migo h3 {
	font-size:14px;
	font-weight:bold!important;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.info-migo .btn-recarga {
	margin-top:10px;
	white-space:normal;
	padding:5px 5px!important;
	line-height:18px;
	font-family:'open sans';
	font-size:13px!important;
}
.info-loss {
	width: 248px;
	position: absolute;
	height: 51px;
	background: #7c2525;
	left: 435px;
	top: 27px;
	padding: 10px 0 0 18px;
	-moz-border-radius: 5px 0 0 5px;	/*para Firefox*/
	-webkit-border-radius: 5px 0 0 5px;	/*para Safari y Chrome*/
	border-radius: 5px 0 0 5px;			/* para Opera */
}
.info-loss img {
	float: left;
	margin-right: 17px;
}
.info-loss p {
	font-size: 14px;
	color: #FFF;
	float: left;
	width: 175px;
}
.btn-register-new {
	width: 537px;
	padding: 18px 0 0 161px;
	cursor: pointer;
	height: 76px;
	-moz-border-radius: 5px; 		/*para Firefox*/
	-webkit-border-radius: 5px;		/*para Safari y Chrome*/
	border-radius: 5px;				/* para Opera */
	border: 1px solid #cdc896;	
	background-color: #f6f5e6;
	*background-color: #f6f5e6;
	background-image: -moz-linear-gradient(top, #fbfbf4, #e8e6cf);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbf4), to(#e8e6cf));
	background-image: -webkit-linear-gradient(top, #fbfbf4, #e8e6cf);
	background-image: -o-linear-gradient(top, #fbfbf4, #e8e6cf);
	background-image: linear-gradient(to bottom, #fbfbf4, #e8e6cf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbf4', endColorstr='#e8e6cf', GradientType=0);
	margin-bottom: 80px;	
}
.btn-register-new:hover {
	background-color: #f6f5e6;
	*background-color: #f6f5e6;
	background-image: -moz-linear-gradient(top, #fafaf4, #e2e0c7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf4), to(#e2e0c7));
	background-image: -webkit-linear-gradient(top, #fafaf4, #e2e0c7);
	background-image: -o-linear-gradient(top, #fafaf4, #e2e0c7);
	background-image: linear-gradient(to bottom, #fafaf4, #e2e0c7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf4', endColorstr='#e2e0c7', GradientType=0);	
}
.btn-register-new img {
	float: left;
	margin-right: 24px;
}
.btn-register-new p {
	float: left;
	font-size: 24px;
	margin-top: 19px;
	color:#333;
}

.bordImg {
	position:relative;
	border: 1px solid #333;
	padding: 5px;
	display: block;
	background: #e9e9e9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	min-width:450px;
	min-height:450px;
}
.bordImg .imgDefault{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-77px;
	margin-top:-75px;
}
.menuHeader2 {
	display: none;
	margin-bottom: 0px;
}
.content-main-perfil {
	padding-top: 28px;
}
.header-perfil {
	background: #2d2d2d;
	height: 50px;
	border-bottom: 1px solid #222222;
}
.header-perfil .logo img {
	margin-top: 5px;
}
.title-perfil {
	margin: 0 0 20px 0;
	color: #666666;
}
.header-perfil .container .span2, .content-main-perfil .container .bordImg {
	margin: 0px !important;
}
.info-mascota-perfil {
	margin-top: 4px;
}
.info-mascota-perfil li {
	list-style-type: none;
	overflow: hidden;
	min-height:23px;
	
}
.mano {
	position: relative;
}
.mano img {
 display: block;
 position: absolute;
 top: 1px;
 left: 1px;
}
.info {
	width: 382px;
	float: left;
	margin-top: 2px;
	color: #666666;
	font-size: 18px;
}
.icon {
	float: left;
	margin-right: 20px;
}
.alert-info {
	overflow: hidden;
	padding: 15px 18px 15px 18px !important;
}
.alert-info img {
	float: left;
	margin: 0 17px 0 12px;;
}
.info-alert {
	float: left;
	width: 330px;
	color: #666;
	font-size: 14px;
}
.modificar-datos form {
	width: 446px;
	overflow: hidden;
	margin-bottom: 30px;
}
.modificar-datos .control-label {
	width: 125px !important;
}
.modificar-datos .controls {
	margin-left: 146px !important;
}

.tag_error_cont {
	width:600px;
	margin:auto;
}
.tag_error_cont img {
	float:left;
}
.tag_error_cont p {
	float:left;
	margin:10px 0 0 20px;
}
/* Home LogOut */ 
.deco-home {
	background: url(../img/decos/deco_header_comercial.gif) top repeat-x;
}

/* ---- descomentar si no hay video
 
.video-home {
	border: 5px solid #FFF;
	width: 930px;
	height:334px;
	margin:-10px auto 20px auto; 
	background: url(../img/decos/slide_home.jpg) no-repeat;
	border-radius: 10px;
}
*/

.video-home-swf {
	border: 5px solid #FFF;
	width: 610px;
	height:339px;
	margin:-10px 0 20px 0; 
	border-radius: 10px;	
}
.video-home-swf embed {
	width:610px;
	height:339px;
}
.modComofunciona h2, .modDondecomprarlo h2{
	font-size:24px;
	text-align:right;
	font-family: 'Open Sans' !important;
	font-style: normal;
	line-height: 23px;
}
.modComofunciona p, .modDondecomprarlo p{
	font-size:18px;
	text-align:right;
	font-family: 'Open Sans' !important;
	font-style: normal;
}
.modDondecomprarlo p, .modDondecomprarlo h2 {
	color:#fff;
}
.modDondecomprarlo p:hover, .modDondecomprarlo h2:hover, .modComofunciona p:hover, .modComofunciona h2:hover, .modContacto_resp h2:hover {
	text-decoration:none;
}
.modDondecomprarlo {
	background:url(../img/bkgs/bkg_mod_dondecomprar.png) bottom no-repeat #959060;
	height:195px;
	padding:15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:10px;
	border-radius:10px;
	transition:ease-in-out all 0.2s;
	-moz-transition:ease-in-out all 0.2s;
	-webkit-transition:ease-in-out all 0.2s;
}
.modDondecomprarlo:hover {
	background-color:#6c6840;
	text-decoration:none;
}
.modComofunciona {
	background:url(../img/bkgs/bkg_mod_comofunciona.png) bottom no-repeat;
	height:130px;
	margin-bottom:10px;
	border-radius:10px;
	transition:ease-in-out all 0.2s;
	-moz-transition:ease-in-out all 0.2s;
	-webkit-transition:ease-in-out all 0.2s;
}

.modComofunciona:hover {
	opacity:0.7;
	text-decoration:none;
}
.modRegistro {
	width:auto;
	height:180px;
	background:#e4e0b8 url(../img/decos/home_modregistro.png) no-repeat 300px 70px;
	padding:20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.modRegistro p {
	width:270px;
	margin-bottom:17px;
}
.modRegistro h2 {
	margin-bottom:10px;
}
.bkg_cajas {
	background:url(../img/bkgs/bkg_cajas.png) bottom left no-repeat;
	height:240px;
}
.forced_top {
	margin-top:20px;
	margin-bottom:0;
}
.modContacto_resp {
	display:none;
}

/* Footer */ 
.footer {
	height: 270px;
	background: url(../img/decos/bkg_deco_footer.png) top repeat-x;
	padding-top: 40px;
	margin-top:-310px;
	position:relative;
}

.footer p, .footer a {
	color: #FFF !important;
}
.footer li, .footer-logged li {
	color: #FFF;
	list-style-type: none;
}
.footer .fb_box {
	height:237px;
	overflow:hidden;
	border-radius:10px;
	background:rgba(51,51,51,0.8);
	padding: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.footer-logged {
	height: 100px;
	background: url(../img/decos/bkg_deco_footer.png) top repeat-x;
	padding-top: 40px;
	margin-top:-140px;
	position:relative;
}
.footer-logged p, .footer-logged a, .footer-perfil p {
	color: #FFF !important;
}
.footer-logged .bkg-cont {
	height:100px;
	padding-top:20px!important;
}
.footer-perfil {
	height: 100px;
	padding-top: 40px;
	margin-top:-140px;
	position:relative;
}
.footer-perfil .bkg-cont {
	height:100px;
}

.bkg-cont {
	background: #2d2d2d;
	padding-top:20px;
	box-sizing:border-box;
	height:97px;
}
.menu-list-footer {
	height: 255px;
	background: #ada981;
	padding-top: 31px;
}
.list-menu h2 {
	font-size: 18px;
	color: #333;
	margin: 0px 0 20px 0;
	font-weight: bold;
	line-height: 15px;
}
.list-menu ul {
	margin: 0px;
	padding: 0px;
}
.list-menu ul li a {
	color: #333 !important;
}
.icon_twitter {
	background: url(../img/icons/icon_tw.png) top;
	display: block;
	margin-left: 21px;
	float: left;
	width: 45px;
	height: 45px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	transition:box-shadow ease-in-out 0.2s;
}
.icon_face {
	background: url(../img/icons/icon_fb.png) top;
	display: block;
	float: left;
	width: 45px;
	height: 45px;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	transition:box-shadow ease-in-out 0.2s;
}
.icon_face:hover, .icon_twitter:hover {
	box-shadow:0px 0px 8px #625d2c;
}
.logo_factor {
	float:right;
	transition:opacity ease-in-out 0.2s;
	-moz-transition:opacity ease-in-out 0.2s;
	-webkit-transition:opacity ease-in-out 0.2s;
}
.logo_factor:hover {
	opacity:0.5	
}
.logo-footer {
	transition:opacity ease-in-out 0.2s;
	-moz-transition:opacity ease-in-out 0.2s;
	-webkit-transition:opacity ease-in-out 0.2s;
}
.logo-footer:hover {
	opacity:0.5	
}
.text_copy {
	clear:both;
	font-size:12px;
	margin-top:5px;
}

/* Formularios */ 
.control-group .control-label, .control-group .controls label {
	font-size:14px!important;
}

.control-group .controls .input-xlarge[type=text], .control-group .controls textarea {
	font-style: normal;
	color:#333!important;
}
.control-group .controls select {
	width:279px;
}
::-webkit-input-placeholder {
	font-style:italic;
	color:#a0a0a0!important;
}
:-moz-placeholder {	
	font-style:italic;
	color:#a0a0a0!important;
}
:-ms-input-placeholder {	
	font-style:italic;
	color:#a0a0a0!important;
}
textarea{
	resize:vertical;
}
.forced_marg_h2 {
	margin-left:20px;
}

/* File upload */
.thumbnail {
	width:140px;
	background-color:#dddddd;
	margin-bottom:20px;
	max-height:140px;
	padding:0!important;
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.thumbnail > img { 
	max-width:none!important;
}
.fileupload {
	margin-bottom:0!important;
}
.fileupload-preview {
	margin-top:20px;
	display:block;
}

/* Mensajes error, alerts */ 
.alert {
	-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    	/* Firefox, other Gecko */
	box-sizing: border-box;         	/* Opera/IE 8+ */
}

/* Olvido contraseña */
.olvidoPass {
	margin-top:20px;
}
.olvidoPass .control-label {
	width:auto;
}
.olvidoPass .btn-success {
	margin-right:34px;
}
.olvidoPass .controls {
	margin:0 0 20px 125px;
}
.forced_marg {
	padding-left:20px;
	-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    	/* Firefox, other Gecko */
	box-sizing: border-box;         	/* Opera/IE 8+ */
}

/* Modal */
.modal-footer form, .modal form{
	margin:0;
	float:right;
}
.modal-footer form input[type=submit] {
	width:60px; 
	margin-left:18px;
}
.modLogin .modal-body {
	overflow:inherit!important;
}
.modLogin .btn-success {
	float:right;
}
.modLogin .forcedModbut {
	position:absolute;
	bottom:-45px;
	width:100%;
	padding-right:31px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.modLogin .forcedModbut a {
	margin-top: 5px;
	display: block;
	float: left;
}
.modal-footer {
	height:28px;
}
.modLogin .alert img {
	float:left;
	margin-right:20px;
}
.modLogin .alert {
	margin:0;
}
.modLogin .alert-error {
	margin-bottom:20px;
}
.modLogin form {
	margin:0;
}

/* Botones */
.btn-form-registro .btn-success, .btn-form-registro .btn {
	float: right;
	overflow: hidden;
	margin-left:20px;
}
.btn-success {
	padding: 4px 20px 4px 20px !important;
	color: #333333 !important;
	background-color: #c8d049;
	*background-color: #c8d049;
	background-image: -moz-linear-gradient(top, #dae253, #a4ab34) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dae253), to(#a4ab34)) !important;
	background-image: -webkit-linear-gradient(top, #dae253, #a4ab34) !important;
	background-image: -o-linear-gradient(top, #dae253, #a4ab34) !important;
	background-image: linear-gradient(to bottom, #dae253, #a4ab34) !important;
	border-color: #999999 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae253', endColorstr='#a4ab34', GradientType=0) !important;
	text-shadow: 1PX 1px 1px rgba(255, 255, 255, 0.41);
}
.btn-success:hover {
	text-decoration: none !important;
	background-color:#a5ac35;
	*background-color: #a5ac35;
	color: #333333 !important;
	background-position: bottom !important;
	background-image: linear-gradient(to bottom, #cbd24d, #a4ab34) !important;
	background-image: -moz-linear-gradient(top, #cbd24d, #a4ab34) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cbd24d), to(#a4ab34)) !important;
	background-image: -webkit-linear-gradient(top, #cbd24d, #a4ab34) !important;
	background-image: -o-linear-gradient(top, #cbd24d, #a4ab34) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbd24d', endColorstr='#a4ab34', GradientType=0) !important;	
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background-color:#a5ac35;
}
/* Perfil Mascota */
.dataRow {
	min-height:32px;
	border-bottom:1px dotted #e0ddc6;
	padding:5px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-size: 13px;
}
.dl-horizontal .dataRow  dt {
	text-align:left!important;
}

/*como funciona */

.hero-unit {
	background:#ffffff url(../img/bkgs/herounit_comofunciona.jpg) no-repeat 669px -16px;
	border:1px solid #cdc896;
	padding:35px 35px 35px 0;
	height:250px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:0!important;
}
.hero-unit h2 {
	font-size:24px;
	font-weight:300;
	width:450px;
	line-height:24px;
	margin:0 0 0 35px;
}
.hero-unit p {
	background:#ada981 url(../img/decos/herounit_deco_comofunciona.jpg) no-repeat right;
	width:680px;
	height:51px;
	font-size:18px;
	position:relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	line-height:18px;
	margin-top:45px;
}
.hero-unit p img {
	position:relative;
	left:24px;
	top:-25px;
}
.accordion-group {
	background:#cdc896;
	border:none;
	margin-bottom:10px;
}
.accordion-group:hover {
	background:#ada981;
}
.accordion-toggle {
	color:#ffffff!important;
}
.accordion-toggle:hover {
	text-decoration:none;
	color:#ffffff!important;
}
.accordion-inner {
	background:#ffffff;
	border:1px solid #cdc896;
	border-top:0;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}
.row_comofunciona {
	border-top: 1px solid #cdc896;
	border-bottom: 1px solid #cdc896;
	margin: 40px 0 20px 0;
	padding: 20px 0;
	background:rgba(205, 200, 150, 0.1);
}
.row_comofunciona h2 {
	text-align:center;
}
.comofun_h3 {
	line-height:27px;
	margin-top: 35px;
}
.comofun_tag {
	display:block;
	margin:auto;
}
.comofun_disp {
	display:block;
	margin:auto;
}
/* donde comprarlo */ 
.table {
	font-size:12px;
}
.table thead {
	font-size:12px!important;
}
.table th, .table td {
	border-top: 1px solid #cdc896;
	line-height:14px;
	text-align:center;
}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
	background:rgba(205, 200, 150, 0.1);
}
.table .fixed_width {
	width:300px;
	text-align:left;
}
/* busqueda de código */ 

.formCodigo {
	margin-top:20px;
}
.formCodigo input[type=text] {
	width:300px;
	margin-bottom:20px;
}


/* tienda online */ 
.tagSelect-module {
	background: rgba(205,200,150,0.5);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:15px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:20px;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
	-webkit-transition:all ease-in-out 0.4s;
	-moz-transition:all ease-in-out 0.4s;
}
.tagSelect-module:hover {
	background: rgba(205,200,150,0.8);
}
.tagSelect-module h3 {
	text-align:left;
}
.tagSelect-module .strong_price {
	clear:right;
	float:left;
}
.tagSelect-module span {
	font-size:24px;
	font-weight:300;
	float:left;
	clear:left;
}
.tagSelect-module select {
	width:60px!important;
	margin-left:15px;
}
.tagSelect-module .controls {
	margin:0!important;
	float:left;
}
.tagSelect-module .control-group {
	float:left;
	clear:left;
	margin:15px 0 0 0;
}
.tagSelect-module .control-label {
	width:auto;
}
.tagSelect-module .btn-form-registro {
	float:right;
	margin:15px 20px 0 0;
}
.tagSelect-module .span2 img {
	margin: auto 20px;
	display:block;
}

.tienda_steps {
	background:url(../img/bkgs/tienda_online_steps.png) no-repeat;
	width:460px;
	height:42px;
	margin-bottom:15px;
}
.step_02 {
	background-position:top;
}
.step_03 {
	background-position:center;
}
.step_04 {
	background-position:bottom;
}

.tienda_selectModo {
	border:1px solid #cdc896;
	padding:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:15px;
	min-height:72px!important;
	transition:all ease-in-out 0.4s;
	-webkit-transition:all ease-in-out 0.4s;
	-moz-transition:all ease-in-out 0.4s;
	position:relative;
}
.tienda_selectModo:hover {
	background-color: rgba(205,200,150,0.2);
	text-decoration:none;
}
.tiendaEnvio {
	background:url(../img/bkgs/tienda_bkg_mod_envio.png) no-repeat bottom;
	height:72px;
	width:452px;
	top:0;
	left:0;
	position:absolute;
}
.tiendaRetiro {
	background:url(../img/bkgs/tienda_bkg_mod_retiro.png) no-repeat;
}
.tienda_selectModo h3 {
	position:absolute;
	left:107px;
}
.tienda_select_envio {
	color:#333333;
	min-width:422px;
}
.tienda_select_envio p {
	text-align:right;
}
.tienda_selectModo span {
	position:absolute;
	top:38px;
	left:50%;
	margin-left:-117px;
	color:#7b7b7b;
}
.tienda_selectModo .form-horizontal {
	float:left;
	margin:66px 0 0 0;
}
.tienda_selectModo .form-horizontal .control-label {
	width:auto;
}
.tienda_selectModo .form-horizontal .controls {
	margin-left:20px;
	float:left;
}
.tienda_selectModo .form-horizontal .controls select {
	width:351px;
	margin-bottom:15px;
}
.tienda_btn-controls {
	margin-bottom:15px;
}
.tienda_btn-controls .back {
	float:left;
	width:110px;
}
.tienda_btn-controls .btn-success {
	float:right;
}
.tienda h4{
	font-size:24px;
	margin-bottom:25px;
}
.tienda .form-horizontal {
	margin:0;
}
.tienda_decoDog {
	margin:auto;
	display:block;
}

/* Pseudo Carrito */

.statusCart {
	padding:15px;
	background: rgba(205,200,150,0.5);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:20px;
}
.statusCart h4 {
	margin:0 0 15px 0!important;
}
.statusCart .dataRow {
	border-bottom:1px solid #cdc896;
	height:45px;
	padding:0;
}
.statusCart .dl-horizontal .dataRow dd {
	text-align:right;
	padding-top: 12px;
}
.statusCart .dl-horizontal .dataRow dt {
	width:360px
}
.statusCart #statusCantidad {
	margin-top:14px;
}
.statusCart .dl-horizontal .dataRow dt span{
	font-size: 14px;
	font-weight: bold;
	float: none;
	clear: none;
}
.statusCart .dl-horizontal {
	margin:0;
}
.statusCart .statusTotal {
	background:#cdc896;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-top:18px;
}
.statusTotal dd {
	padding-top:0!important;
}




/* --------------------------------------- */ 
/* RESPONSIVE */ 

@media (max-width: 767px) {
	.bordImg {
		min-width:300px;
		min-height:300px;
		max-height:300px;
		max-width:300px;
		margin-left:5px;
	}
	.row {
		width:310px!important;
	}
	#wrap-logged h2 {
		padding-left:0!important;
	}
	
	#wrap {
		overflow: hidden!important;
		padding-bottom: 230px!important;
	}
	.container {
		width: 310px!important;
		min-width: 310px!important;
	}
	.responive_off {
		display:none!important;
	}
	.menu{
		display:none!important;
	}
	.video-home-swf {
		width:310px!important;
		height:175px!important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.video-home-swf embed {
		width:100%!important;
		height:175px!important;
	}
	.bkg_cajas {
		display:none!important;
	}
	.modComofunciona {
		height:90px;
		background: url(../img/bkgs/bkg_mod_comofunciona_resp.png)top no-repeat!important;
		margin-left:auto;
		margin-right:auto;
	}
	.modDondecomprarlo {
		height:110px!important;
		background: url(../img/bkgs/bkg_mod_dondecomprar_resp.png)no-repeat bottom #959060;
		margin-left:auto;
		margin-right:auto;
	}
	.modComofunciona h2, .modDondecomprarlo h2, .modContacto_resp h2 {
		font-size:18px;
		margin-bottom:22px;
	}
	.modComofunciona p, .modDondecomprarlo p, .modContacto_resp p {
		font-size:14px;
		clear:right;
	}
	.modDondecomprarlo p {
		margin-top:8px!important;
	}
	.modContacto_resp {
		background: url(../img/bkgs/bkg_contacto.png) no-repeat bottom left #e6e2ba;
		height:110px!important;
		padding:15px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-webkit-border-radius:10px;
		border-radius:10px;
		transition:ease-in-out all 0.2s;
		-moz-transition:ease-in-out all 0.2s;
		-webkit-transition:ease-in-out all 0.2s;
		margin:20px auto 0 auto;
		display:block!important;
	}
	.modContacto_resp:hover {
		background-color:#cbc7a0;

	}
	.modContacto_resp h2{
		float: right;
		width: 152px;
		text-align: right;
		margin: 15px 5px;
	}

	.modContacto_resp:hover {
		text-decoration:none;
	}
	.footer {
		padding-top: 12px;
		height:auto!important;
		margin-top:-188px;
		
	}
	.menu-list-footer  {
		height:59px;
		padding-top: 20px;
	}
	.redes {
		display:block;
		margin-left: 100px;
	}
	.redes h2 {
		display:none!important;
	}
	.tag_error_cont p {
		max-width:223px;
	}
	.alert  {
		font-size: 12px!important;
		line-height: 17px;
		color:#333;
	}
	
/* como funciona responsive */ 
	h1, h2 {
		padding-left:15px;
	}
	.hero-unit {
		background: rgb(255, 255, 255) url(../img/bkgs/herounit_comofunciona.jpg) no-repeat 190px 76px;
		background-size:50%;
		padding: 17px 35px 35px 0;
		height:234px;
		margin-bottom:10px;
	}
	.hero-unit h2 {
		font-size:17px;
		width:auto;
		line-height:20px;
		text-shadow:#ffffff 1px 1px;
		padding:0px;
	}
	.hero-unit p {
		width:148px;
	}
	.comofun_h3 {
		width:300px;
		margin-top:10px;
		font-size:18px;
		text-align:left;
		line-height:22px;
		padding-left:15px;
	}
	.comofun_tag {
		float:left;
		width:320px;
	}
	.span7 p {
		width:300px;
		padding:0 15px;
		box-sizing:border-box;
	}
	.comofun_disp {
		margin:20px 0;
	}
	.span1 {
		float: left;
		margin:0 20px 20px 10px;
		clear:left;
	}
	.span3 {
		float: left;
		margin-bottom:20px;
		max-width:200px!important;
	}
	.row_comofunciona {
		margin:10px 0;
	}
	.row_comofunciona h2  {
		font-size:22px;
		text-align:left;
	}
	.row_comofunciona .span3 {
		margin: 20px 0;
		float:none!important;
		width:300px;
		max-width:300px!important;
	}
	.row_comofunciona img {
		width: 142px;
		float: right;
		clear: none;
	}
	.row_comofunciona h3 {
		float: left;
		clear: none;
		margin: 27px;	
	}
	.row_comofunciona p {
		float: left;
		margin-left: 24px;
	}
	.row_comofunciona .comofun_img_eco {
		width:125px;
	}
	.text_copy {
		margin-right:10px;
	}
	
}

/*Historia Clinica*/
.contentBtns {
	position: relative;
	height: 30px;
	padding-top: 8px;
}
.contentBtns .historiaForm, .contentBtns .recordatoriosForm {
	float: left;
}
.contentBtns .historiaForm {
	margin-right: 13px;
}
.btnModificar {
	width: 100%;
	float: left;
}
.btnModificar input {
	margin-top: 3px;
}
.modInfoHistoria {
	padding-bottom: 14px;
	border: 1px solid #cbcbcb;
/*para Firefox*/
-moz-border-radius: 7px;
/*para Safari y Chrome*/
-webkit-border-radius: 7px;
/* para Opera */
border-radius: 7px;
overflow: hidden;	
}
.modInfoHistoria .contTitle {
	background: #f5f2d9;
	height: 60px;
	font-size: 18px;
	padding: 20px 0 0 27px;	
}
.contentHistoria {
	padding: 18px 26px 0 26px;
}
.contentInfo {
	padding: 19px;
	border: 1px solid #cdc896;
	/*para Firefox*/
-moz-border-radius: 4px;
/*para Safari y Chrome*/
-webkit-border-radius: 4px;
/* para Opera */
border-radius: 4px;
overflow: hidden;
background: #FFF;	
}
.contentHistoria .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
	background: #efefef;
}
.contentHistoria .btn {
	float: right;
}
.contentHistoria .table th, .table td {
	border: 1px solid #d4d4d4;
}
.contentHistoria .table th, .table .bordRightNone {
	border-right: none !important;
}
.contentHistoria .table th, .table .bordLeftNone {
	border-left: none !important;
}
.contentHistoria .table th, .table .bordBottomNone {
	border-bottom: none !important;
}
.contentHistoria .modal-footer form, .modal form {
	float: none;
}
.contentHistoria .btn-form-registro {
	width: 459px;
}
.contentInfo .btn-form-registro {
	width: 459px;
}
.contentInfo .btnEditRecordatorio {
	margin: 0px;
	width: 52px;
	display: block;
}
.contentInfo .btnEditHistorial {
	margin: 0px;
	width: 33px;
	display: block;
}
.contentInfo form {
	display: inline;
}
.btnRecarga {
	width: 88px;
	height: 32px;
	margin-bottom: 0px;
	float: right;
}
.margTexCamp input {
	margin-top: 9px !important;
}