body
{
/*    background:url(../images/login.png) no-repeat top #fff;*/
background:url(../images/bg.jpg) repeat-x top #fff;

font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#6c7b81;
}
body.details{
background:url(../images/bg2.jpg) repeat-x top #fff;
}
#form_login{
background:url(../images/login.jpg) no-repeat top #fff;
height: 400px;
}
a{
color:#f36d21;
text-decoration:none;
}
.clear{
clear:both;
}
h1{
color:#4cb4e6;
font-size:24px;
font-weight:bold;
padding:15px 0 15px 0;
margin:0px;
clear:both;
}
h1.orange{
color:#f36d21;
}
h2{
color:#4cb4e6;
font-size:18px;
font-weight:bold;
padding:15px 0 15px 0;
margin:0px;
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
.wrap{
width:960px;
margin:auto;
}
.header{
width:960px;
height:145px;
background:url(../images/header_bg.jpg) no-repeat left;
}
.logo{
padding:64px 0 0 64px;
float:left;
}
#titulo{
    
text-align:right;
margin-top:15px;
}
/*-----------------------------cajas de texto-------------------*/
#direccion{
width:260px;
}
#telefono{
width:80px;
}
#celular{
width:80px;
}
#nombreusuario{
width:80px;
}
#contra{
width:100px;
}
#repetir{
width:100px;
}
#municipio{
width:200px;
}
#especie{
width:100px;
}
#raza{
width:170px;
}
#sexo{
width:100px;
}
#color{
width:100px;
}
#nacimiento{
width:80px;
}
#vencimiento{
width:80px;
}
#proximavacuna{
width:80px;
}
#proximadesparasitacion{
width:80px;
}
#proximoanticonceptivo{
width:80px;
}

#tipo{
width:120px;
}
#preciounitario{
width:60px;
}
#precioventa{
width:60px;
}
#costo{
width:60px;
}
#temperatura{
width:50px;
}
#desidratacion{
width:50px;
}
#frespiratoria{
width:50px;
}
#fcardiaca{
width:50px;
}
#mucosa{
width:50px;
}#temperaturam{
width:50px;
}
#desidratacionm{
width:50px;
}
#frespiratoriam{
width:50px;
}
#fcardiacam{
width:50px;
}
#mucosam{
width:50px;
}
#peso{
width:50px;
}
#pesom{
width:50px;
}
#precio{
width:50px;
}
#historial{
width:150px;
height: 70px;
}
#diagnostico{
width:150px;
height: 70px;
}
#tratamiento{
width:150px;
height: 70px;
}
#historialm{
width:150px;
height: 70px;
}
#diagnosticom{
width:150px;
height: 70px;
}
#tratamientom{
width:150px;
height: 70px;
}
#pesodesparacitacion{
width:50px;
}
#pesodesparacitacionm{
width:50px;
}
#pesoanticonceptivo{
width:50px;
}
#pesoanticonceptivom{
width:50px;
}
#cantidad{
width:60px;
}
#cantidadm{
width:60px;
}
#notificacion{
border: 1px solid  #4F5155;
}
#existencia{
width:60px;
}
#cantidad{
width:60px;
}
/*----------------------------menu-------------------*/
#menudoctor{
width:1100px;
float:  top;
text-align:left;
/*padding:15px 0px 0 0;*/
margin:0px 0px 0px 0px;
}
#menuasistente{
width:700px;
float:  top;
text-align:right;
padding:15px 0px 0 0;
margin:0px 0px 0px 150px;
}
#menucliente{
width:700px;
float:  top;
text-align:right;
padding:15px 0px 0 0;
margin:0px 0px 0px 150px;
}
/*#menu ul{
display:block;
list-style:none;
margin:0px;
}*/
#menu ul li{
display:inline;
padding:0px;
margin:0px;
}
#menu ul li a{
width:90px;
height:28px;
display:block;
padding:0px;
margin:0 0px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
}
#menu ul li.selected a{
width:92px;
height:28px;
display:block;
padding:0px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
background:url(../images/menu_bt_a.gif) no-repeat center;
}
#menu ul li a:hover{
background:url(../images/menu_bt_a.gif) no-repeat center;
}
#menu2{
text-align:center;
padding:0px 0px 0 0;
margin:0px;
}
#menu2 ul{
display:block;
list-style:none;
margin:0px;
}
#menu2 ul li a{
height:28px;
display:block;
padding:0px;
margin:0 1px 0 30px;
float: left;
text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:28px;
}
/*--------------home_center_content-----------------*/
.home_center_content{
width:100%;
overflow:hidden;
margin:4px 0 0 10px;
padding:0px;
height:341px;
}
.box1{
width:100%;
overflow:hidden;
margin-bottom:-165px;
}
.center_text{
width:430px;
height:330px;
float:left;
display:inline;
margin:20px 0 0 10px;
}
.center_text p{
color:#FFFFFF;
line-height:21px;
}
.big_title{
font-size:36px;
color:#FFFFFF;
padding:0 0 10px 0;
}
.big_title span{
font-weight:bold;
color:#4cb4e6;
}
.center_button_icons{
width:450px;
overflow:hidden;
margin:6px 0 0;
padding:0 0 0 5px;
}
.center_button_icons li{
width:106px;
float:left;
overflow:hidden;
padding:0px 12px 0;
text-align:center;
}
.center_button_icons li a{
font-size:10px;
text-decoration:none;
}
.center_button_icons li a:hover{
color:#99FFFF;
}
.right_img{
float:left;
width:400px;
height:281px;
text-align:center;
padding:10px 0 0 0;
background:url(../images/photo_frame.jpg) no-repeat center;
display:inline;
margin:10px 0 0 30px;
}

/*--------------main_content-----------------*/
.main_content{
width:960px;
clear:both;
padding:0 0 30px 0;
background:url(../images/main_content_bg.jpg) no-repeat center top #fff;
}
.left_content{
width:415px;
float:left;
padding:20px 0 0 50px;
}
.right_content{
width:415px;
float:left;
padding:20px 0 0 40px;
}
.wide_content{
width:850px;
float:left;
padding:20px 0 0 50px;
}
.newsletter{
padding:15px 0 0 40px;
}
input.input{
width:210px;
height:19px;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-style:italic;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}
input.subscribe{
float:left;
padding:0 0 0 10px;
}
.columnafecha { width: 70px; }
.project_box{
width:381px;
margin:10px;
}
img.feat_project{
border:3px #c9c9c9 solid;
}
.project_details{
border-bottom:1px #9c9c9c dotted;
padding:5px 0 5px 0;
float:left;
}
span.left{
float:left;
display:block;
}
a.view{
float:right;
text-decoration:none;
color:#f36d21;
}
.news_box{
float:left;
width:390px;
clear:both;
padding:0 0 20px 0;
}
img.news_thumb{
float:left;
}
.news_content{
width:305px;
float:left;
padding:0 0 0 15px;
}
.principles_box{
float:left;
width:410px;
clear:both;
padding:0 0 5px 0;
margin:0 0 20px 0;
border-bottom:1px #cbccce dotted;
}
img.principles_thumb{
float:left;
padding:5px 0 0 0;
}
.principles{
width:290px;
float:left;
padding:0 0 0 15px;
}
img.big_pic{
padding:20px 0 0 0;
}
/*---------------------services_list-------*/
.services_list{
float:left;
padding:0px;
}
.services_list ul {
list-style:none;
padding:0;
margin:0px;
}
.services_list ul li{
padding:6px 0 6px 0;
margin:0px;
width:382px;
height:28px;
line-height:28px;
background:url(../images/list_bg.gif) no-repeat center;
}
.services_list ul li span{
color:#5aa4d4;
font-weight:bold;
}
.services_list ul li a{
text-decoration:none;
padding:0 0 0 10px;
font-size:12px;
margin:0px;
color:#6c7b81;
}
.services_list ul li a:hover{
color:#000000;
}
/*---------------contact_form------------------*/
.contact_form{
float:left;
padding:10px 0 20px 0;
}
.form_row{
width:860px;
clear:both;
padding:12px 0 12px 0;
color:#a53d17;
}
label.contact{
width:85px;
float:left;
font-size:14px;
font-weight:bold;
text-align:right;
padding:4px 15px 0 0;
color: #868788;
}
input.contact_input{
width:250px;
height:21px;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:13px;
margin:3px 0 0 0;
padding:3px 0 0 5px;
}
input.fecha{
width:80px;
}
input.fechainicio{
width:80px;
}
input.fechafin{
width:80px;
}
textarea.contact_textarea{
width:250px;
height:120px;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}
input.send{
cursor:pointer;
float:none;
padding:4px 5px 4px 10px;
}

.employe_box_left{
float:left;
width:180px;
line-height:25px;
margin:20px 0 0 0;
border-right:1px #CCCCCC dotted;
}
.employe_box_right{
float:left;
width:180px;
line-height:25px;
margin:20px 0 0 40px;
}
.contact_info{
float:left;
padding:5px 0 0 0;
}
/*--------------------footer-------------*/
.footer{
width:960px;
background:url(../images/footer_bg.gif) repeat-x top;
}
.footer_content{
width:960px;
margin:auto;
padding:0 0 30px 0;
}
.footer_tab1{
width:285px;
float:left;
padding:0 0 0 30px;
}
span.email{
background:url(../images/mail_icon.gif) no-repeat left;
padding:0 0 0 45px;
line-height:25px;
height:23px;
display:block;
}
.footer_info{
float:left;
padding:5px 0 10px 0;
}
p.info{
width:225px;
float:left;
padding:0 0 0 10px;
}
p.info_contact{
width:325px;
float:left;
padding:0 0 0 10px;
}
span.orange{
color:#f36d21;
float:left;
}
span.blue{
color:#58a2d3;
font-size:14px;
font-weight: bold;
}
.footer_copyrights{
clear:both;
border-top:1px #9c9c9c dotted;
color:#c5c7c8;
padding:10px 0 10px 0;
}
.footer_tab2{
width:415px;
float:left;
padding:0 0 0 40px;
}
.favorites_box{
float:left;
padding:5px 0 10px 0;
}
p.favorites{
width:290px;
float:left;
padding:0 0 0 10px;
margin:0px;
}
span.fav_nr{
width:37px;
height:37px;
color:#e6643a;
font-size:24px;
text-align:center;
font-weight:bold;
line-height:37px;
background:url(../images/favorites_box.gif) no-repeat center;
float:left;
}
.footer_tab3{
width:150px;
float:left;
padding:0 0 0 30px;
}
.footer_links{
float:left;
padding:0px;
}
.footer_links ul {
list-style:none;
padding:0;
margin:0px;
}
.footer_links ul li{
padding:6px 0 6px 0;
margin:0px;
width:150px;
border-bottom:1px solid #e2e2e2;
}
.footer_links ul li a{
text-decoration:none;
padding:0;
font-size:12px;
margin:0px;
color:#6c7b81;
}
.footer_links ul li a:hover{
color:#000000;
}

/********************** Slider ************************/
.mp-slider .items {display:none;}
.mp-slider {
	overflow:visible !important;
}
.slider-container {
	position:relative;
	z-index:1;
	height:433px;
	width:950px;
	margin:0 auto;
	padding:0 0 52px 0;
}
.slider-container .pic, .mp-slider {
	border-radius:9px;
	box-shadow:0 0 5px #d4d4d4;
}
.slider-container .mask {
	border-radius:9px;
}
.pagination {
	position:absolute;
	bottom:-50px;
	left:0;
	right:0;
	text-align:center;
}
	.pagination li {
		display:inline-block;
		margin:0 1px;
	}
		.pagination li a {
			display:block;
			width:20px;
			height:20px;
			background:url(../images/slider-pagination.png) no-repeat right 0;
		}
			.pagination li.current a, .pagination li a:hover {
				display:block;
				width:20px;
				height:20px;
				background:url(../images/slider-pagination.png) no-repeat 0 0;
			}
                        
/********************** Navigation ************************/
nav {
	text-align:center;
	padding:5px 45px 0 0;
	max-width:750px;
}

.sf-menu{
	min-height:28px;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:180px;
	left:0;
	display:none;
	background:#fff;
	text-align:center;
	padding:10px 0;
	box-shadow:0 0 2px #ccc;
}
.sf-menu > li{
	position:relative;
	display:inline-block;
	margin:0 41px;
}

.sf-menu > li > a {
	text-decoration:none;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:22px;
	text-transform:lowercase;
	text-decoration:underline;
	color:#454545;
	padding:0;
	text-shadow:1px 1px #fbfbfb;
}

	.sf-menu > li.current > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a {
		color:#454545;
		text-decoration:none;
	}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:35px; left:-55px; z-index:999;}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{
	text-decoration:none;
}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
	color:#454545;
	overflow:hidden;
	padding:8px 5px 8px 5px;
	text-transform:lowercase;
	font-family: 'Open Sans', sans-serif;
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{
	text-decoration:underline;
}
.sf-menu li li li a {
	background:url(../images/header-bg.png);
}
.sf-menu li li{
	float:none;
	position:relative;
	margin:0 0 1px 0;
}

.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:181px;top:-10px;}