/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*CABECERAS*/

h1 {
    background: #a3d4fc none repeat scroll 0 0;
    color: #fff;
}

.cabecera-estudio-pvdf {
    padding-bottom: 10px;
    padding-top: 20px;
    width: 68%;
}

/*FONDOS DEL ESTUDIO*/

body {
    background: rgba(0, 0, 0, 0) url("/C3PO/images/home/background-pvdf4.jpg") repeat scroll 0 0;

}

.uk-container.uk-container-center {
    background: #fff none repeat scroll 0 0;
}

/*ANIMACIÓN OLECULA ESTRUCTURA PVDF*/

.fondo-oscuro {
    background: #000000 none repeat scroll 0 0;
}

/*ICONOS DOCUMENTOS DESCARGABLES*/

.uk-article h1 {
    border: 3px solid #f5f5f5;
    margin-bottom: 40px !important;
    padding: 10px;
    text-align: center;
}

.contenedor {
    padding-bottom: 10px;
    text-align: center;
}

.documentos-descargables h1 {
    padding-bottom: 19px;
}

.documentos-descargables .uk-icon-button {
    font-size: 73px;
    height: 120px;
    line-height: 112px;
    width: 120px;

}


.contenedor p {
    color: #0074a2;
    font-weight: bold;
}

div.ancho400 input, div.ancho400 textarea {
	width: 400px;
	height: 100px;	
}

.menu-horiz li {
	display: inline;
}

.menu-horiz a {

display: block;  
float: left;  
/*padding: 0 1em;  Provides horizontal separation between menu items */  
}

/*Narciso. BOTONES crear y ver formularios */
.zona_enlaces .boton_enlace, .zona_enlaces .boton_crear{
    float: left;
    padding: 5px 10px 5px 0;
}

/*Narciso. Diseño de la vista ITEM*/
article label {
	font-weight: bold;
}

article .cck_freetext h2 {
	padding-top: 20px;
	margin-bottom: 10px;
}

form#seblod_form .cck_freetext h2 {
	padding-top: 20px;
	margin-bottom: 10px;
}

.cabecera #numero_de_caso_propio, .cabecera #id_general_del_caso_ope, .cabecera #id_general_del_caso__1m, .cabecera #id_general_del_caso__6m, .cabecera #id_general_del_caso__12m, .cabecera #id_general_del_caso__ultima, .cabecera #id_general_del_caso__compoptard, .cabecera #responsable{
	float: left;
	width: 33% !important;
}

.cabecera #label_numero_de_caso_propio, .cabecera #label_id_general_del_caso_ope, .cabecera #label_id_general_del_caso__1m, .cabecera #label_id_general_del_caso__6m, .cabecera #label_id_general_del_caso__12m, .cabecera #label_id_general_del_caso__ultima, .cabecera #label_id_general_del_caso__compoptard, .cabecera #label_responsable{
	width: 175px !important;
}

.cabecera #hospita_centro, .cabecera #iniciales, .cabecera #fecha_nacimiento{
	float: left;
	width: 33% !important;
}

.cabecera #label_hospita_centro, .cabecera #label_iniciales, .cabecera #label_fecha_nacimiento{
	width: 175px !important;
}

.cabecera div.caja_borde {
	border: 2px solid #dedede;
    border-radius: 5px;
    overflow: hidden;
	padding: 10px 10px 10px 20px;
    position: relative;
	margin-bottom:10px;
}

.cabecera div.caja_borde2 {
	border-top: 2px solid #dedede;
	border-right: 2px solid #dedede;
	border-left: 2px solid #dedede;	
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    overflow: hidden;
	padding: 10px 10px 10px 20px;
    position: relative;
	margin-bottom:-5px;
}

#cck178_ttulo_estudio_c3po {
	width: 100% !important;
}

/*Narciso. Diseño vista formulario*/
form#seblod_form div#form_iq, form#seblod_form div#form_1m, form#seblod_form div#form_6m, form#seblod_form div#form_12m, form#seblod_form div#form_ultima, form#seblod_form div#form_compoptard {
    float: none;
 }
 
form#seblod_form div#form_hospita_centro, form#seblod_form div#form_iniciales, form#seblod_form div#form_fecha_nacimiento {
    float: none;
 }
form#seblod_form div#form_numero_de_caso_propio, form#seblod_form div#form_id_general_del_caso_ope, form#seblod_form div#form_id_general_del_caso__1m, form#seblod_form div#form_id_general_del_caso__6m, form#seblod_form div#form_id_general_del_caso__12m, form#seblod_form div#form_id_general_del_caso__ultima, form#seblod_form div#form_id_general_del_caso__compoptard, form#seblod_form div#form_responsable {
    float: none;
 }
 
 /*Narciso. UIKIT no tiene 1-7*/
 
 .uk-grid-width-1-7 > * { width: 14.258%; }

    @media (min-width: 480px) {  
        .uk-grid-width-small-1-7 > * { width: 14.258%; }  
    }  
    @media (min-width: 768px) {  
        .uk-grid-width-medium-1-7 > * { width: 14.258%; }  
    }

    @media (min-width: 960px) {  
        .uk-grid-width-large-1-7 > * { width: 14.258%; }  
    }  
    @media (min-width: 1220px) {  
        .uk-grid-width-xlarge-1-7 > * { width: 14.258%; }  
    }  
    .uk-width-1-7 { width: 14.258%; }  
    @media (min-width: 480px) {  
        .uk-width-small-1-7 { width: 14.258%; }  
    }

    @media (min-width: 768px) {  
        .uk-width-medium-1-7 { width: 14.258%; }  
    }

    @media (min-width: 960px) {  
        .uk-width-large-1-7 { width: 14.258%; }  
    }

    @media (min-width: 768px) {  
        .uk-push-1-7 { left: 14.258%; }  
        .uk-pull-1-7 { left: -14.258%; }  
    }

/*fin del 1-7*/

/*Narciso. Color verde en campo nº de caso propio*/
.verde input[type="text"]#numero_de_caso_propio {
	background-color: #dff0d8 !important;
}

#cck1r_label_numero_de_caso_propio label {
	font-weight: bold;
}

/*Narciso. Poner en rojo el * de campo obligatorio*/
span.star {
	color: #d14;
}